一个用Vue.js 2.0+做出的石墨文档样式的富文本编辑器

php中世界最好的语言
Lepaskan: 2018-03-07 09:34:51
asal
3928 orang telah melayarinya

这次给大家带来一个用Vue.js 2.0+做出的石墨文档样式的富文本编辑器,用Vue.js 2.0+做石墨文档样式的富文本编辑器的注意事项有哪些,下面就是实战案例,一起来看一下。

之前一直使用的wangEditor 不能满足我司编辑和PM需求, 使用过程中也出了很多问题,  simditor 体验之后效果不是很好, 并且也不维护了; 目前的 后台管理系统 技术选型已经转向了 Vue, 所以就有了这个轮子;

功能

1.轻, 快 48 KB

2.自动添加图片描述框 (类似简书)

3.复制上传, 多张批量上传

4.轻量级备份, 恢复, 预览

5.代码精简, 适合二次开发

6.其他编辑器有的功能

7.移动端

使用

// 安装npm install smeditor// 引入import SMEditor from 'smeditor'// 全局组件Vue.use(SMEditor)// 局部组件components: {  'smeditor': SMEditor
}// 使用<smeditor :config=&#39;config&#39;></smeditor>
Salin selepas log masuk

配置

const config = {  // 
接口
地址
  uploadUrl: &#39;&#39;,  // form 里的 filename
  uploadName: &#39;&#39;,  // 其他参数
  uploadParams: {},  // 上传成功回调
  uploadCallback: (data) => {    console.log(data)    return &#39;blob:
https://
fiddle.jshell.net/00a0b0b4-d19a-4860-9796-137692aef36f&#39;
  },  // 上传失败回调, 可选
  uploadFailed: (err) => {    console.log(err)
  }
}
Salin selepas log masuk

相信以上案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

node.js的path模块详解

用Video.js实现H5直播界面

Atas ialah kandungan terperinci 一个用Vue.js 2.0+做出的石墨文档样式的富文本编辑器. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan