Vue-Wangeditor

本組件是針對wangeditor在vue2.0上封裝的組件，為方便使用vue2.0的開發者封裝。

Usage

npm install --save vue-wangeditor

在項目中直接引入即可：

<template><vue-wangeditor id="editor" v-model="text></vue-wangeditor> </template>import vueWangeditor from 'vue-wangeditor' export default {...components: {vueWangeditor} }

配置說明

Menus
菜單數組：

['source', // 源碼模式'|','bold', // 粗體'underline', // 下劃線'italic', // 斜體'strikethrough', // 中線'eraser', // 清空格式'forecolor', // 文字顏色'bgcolor', // 背景顏色'|','quote', // 引用'fontfamily', // 字體'fontsize', // 字號'head', // 標題'unorderlist', // 無序列表'orderlist', // 有序列表'alignleft', // 左對齊'aligncenter', // 居中'alignright', // 右對齊'|','link', // 鏈接'unlink', // 取消鏈接'table', // 表格'emotion', // 表情'|','img', // 圖片'video', // 視頻'location', // 位置'insertcode', // 插入代碼'|','undo', // 撤銷'redo', // 重做'fullscreen' // 全屏];

npm 倉庫地址:https://www.npmjs.com/package/vue-wangeditor

總結

以上是生活随笔為你收集整理的vue富媒体编辑器组件：vue-wangeditor的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。