vue富媒体编辑器组件：vue-wangeditor的使用

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的使用相关推荐

vue中使用kindeditor编辑器_vue富文本编辑器组件vue-quill-edit使用教程
这篇文章主要为大家详细介绍了vue富文本编辑器组件vue-quill-edit使用教程,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! 之前使用的 ...
Vue 富文本编辑器插件 vue-quill-editor 坑！
Vue3 + vue-quill-editor 安装步骤: vue3 安装vue-quill-editor npm install @vueup/vue-quill vue2 安装vue-quill- ...
tui-editor富文本编辑器组件
tui-editor富文本编辑器记录项目中使用富文本编辑器安装 npm init & npm install --save tui-editor 创建组件文档 tuieditor 在 de ...
原生手写富文本编辑器组件
H5富文本编辑器原理解析: 核心属性: 1.contentEditable="true"; //属性规定是否可编辑元素的内容 2.window.document.designMod ...
小程序editor 富文本编辑器组件
效果: 关于editor 富文本编辑器组件复制到组件common 里面.json 引用即可链接:https://pan.baidu.com/s/1_QIp28IOVuyVFfKfFZwxKQ 提取 ...
微信小程序富文本编辑器组件 editor
微信小程序富文本编辑器组件 editor <view class="container"><view class="titlebox"> ...
vue富文本编辑器 Vue-Quill-Editor
主流富文本编辑器对比前言:vue中很多项目都需要用到富文本编辑器,在使用了ueditor和tinymce后,发现并不理想.所以果断使用vue-quill-editor来实现. wangEditor( ...
Element Tiptap Editor - 免费开源的 Vue 富文本编辑器，专门为搭配 Element UI 使用优化，使用很简单
一款很容易上手配置的富文本编辑器,和 Element plus 一起使用效果非常好,还能自定义功能. 关于 Element Tiptap Editor Element Tiptap Editor 是一 ...
Tinymce富文本编辑器在vue项目中的使用；引入第三方插件和上传视频、图片等
先放张效果图第一步:安装依赖 npm install tinymce@5.0.12 第二步:在项目中的public文件夹中新建tinymce文件夹(因为我的项目是脚手架创建的,所以公共文件夹是pub ...
Vue富文本编辑器vue-quill-editor-使用-bug问题-教程
vue-quill-editor npm install vue-quill-editor –save or yarn add vue-quill-editor 文件中使用 <template& ...

vue富媒体编辑器组件：vue-wangeditor的使用

Vue-Wangeditor

Usage

在项目中直接引入即可：

配置说明

vue富媒体编辑器组件：vue-wangeditor的使用相关推荐

最新文章

热门文章