记录两个使用过的富文本编辑器
一、vue-quill-editor
参照:
1、改造vue-quill-editor:实现图片上传到服务器再插入富文本
2、vue-quill-editor 上传视频
3、vue-quill-editor 获取无法获取光标位置
4、vue-quill-editor 如何用insertEmbed插入一个a标签呢
5、在vue中Quill富文本编辑器的使用(主题、自定义工具栏、自定义字体选项、图片拖拽上传、图片改变大小)
6、vue-quill-editor如何设置字体默认大小?
7、在quill-editor组件工具栏中添加自定义的方法(添加源码编辑功能)
使用:
1、如若同时使用两个 vue-quill-editor ,注意获取光标插入等时-作出区分
2、vue-quill-editor 具有高度可扩展性,
(1)可以自定义新工具
(2)可以在配置中直接重写原有图片视频上传点击事件,等
二、Simditor
参照:Simditor (An Easy and Fast WYSIWYG Editor)
使用:参照Simditor官网,极其简单,
1、无法重写原有图片视频上传,
2、可以自定义图标定位到相应工具栏位置,自行添加点击事件,but,视频较难实现
3、获取不到光标位置,but,可以直接获取内容编辑完再覆盖所有
4、内容自带拖动排序,
5、自带表格,表格样式较为难搞
预览实现方案:
1、获取Simditor内容—整个html样式不全,仅在Simditor内表现完整,
2、使用内容再次放入Simditor实现原有样式展现,
3、在Simditor上面遮照一层透明页面,实现无法操作的预览,
4、可以考虑通过z-index来实现部分Simditor的点击,即指定工具穿透遮照