wangeditor如何修改编辑内容方向

wangeditor如何修改编辑内容方向,第1张

wangeditor如何修改编辑内容方向

答:1. 轻量、简洁、界面美观、文档齐全、易用、开源免费、开源团队维护、有专业Q群答疑、持续更新、无需使用其他库。插件功能基本符合我们目前的业务需求

2. 相比较于TinyMCE一类的编辑器,中文文档入门简单,节约了学习的时间成本

3. 相比较于KindEditor一类的编辑器,界面更加美观,文档更易阅读。KindEditor默认的快捷键功能按钮更多但是图片上传分为了单图片和多图片上传两类,不如wangeditor便捷

CSDN编程社区

1. 轻量、简洁、界面美观、文档齐全、易用、开源免费、开源团队维护、有专业Q群答疑、持续更新、无需使用其他库。插件功能基本符合我们目前的业务需求

2. 相比较于TinyMCE一类的编辑器,中文文档入门简单,节约了学习的时间成本

3. 相比较于KindEditor一类的编辑器,界面更加美观,文档更易阅读。KindEditor默认的快捷键功能按钮更多但是图片上传分为了单图片和多图片上传两类,不如wangeditor便捷

CSDN编程社区

1. 轻量、简洁、界面美观、文档齐全、易用、开源免费、开源团队维护、有专业Q群答疑、持续更新、无需使用其他库。插件功能基本符合我们目前的业务需求

2. 相比较于TinyMCE一类的编辑器,中文文档入门简单,节约了学习的时间成本

3. 相比较于KindEditor一类的编辑器,界面更加美观,文档更易阅读。KindEditor默认的快捷键功能按钮更多但是图片上传分为了单图片和多图片上传两类,不如wangeditor便捷

在刚开发的项目之中,在移动端/PC端,需要一个富文本编辑器,要求:简单-轻量-实用。比较了几种编辑器后,选择了wangEditor。

移动端的截图(手机效果好些):

PC端的截图:

在wangEditor的官网( http://www.wangeditor.com/ )中,提供了一些常用的工具,可以按需来配置,还可以自己二次封装:

先说配置:在PC端直接引入 wangEditor.js来创建,在移动端用的vue.js模块开发,所以用的: npm install wangeditor 来安装。

移动端:

1 . import wangeditor from 'wangeditor' 来引入

2 . this.editor = new wangeditor ('#div1')

4 .配置需要的选项,具体的到官网查看

5.常用的配置:

6 . this.editor.create()//创建编辑器,到这里创建就完成了。

7 . 但是你去发现在移动端,会不怎么适配,这时候就需要用 rem 来做适配。

如果:想要自己改变样式,那么直接在 node_moudles/wangwditor 下找到 wangEditor.js ,来自行修改。

PC端:在确保引入wangEditor.js之后,在之后的js中,写入:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11179894.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存