问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

PC/移动端的富文本编辑器wangEditor的使用

发布网友 发布时间:2022-09-12 06:08

我来回答

1个回答

热心网友 时间:2023-09-23 04:34

在刚开发的项目之中,在移动端/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中,写入:
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
小弟刚升到80级是法师 应该怎么弄装备啊 从哪里开始弄起 还有就是网上... 门上指纹锁要多少钱 手机百度如何搜索图片来源? 如何找出图片出处 win7电脑横屏如何处理笔记本电脑桌面变成横向了怎么办 win7电脑桌面反了怎么办电脑屏幕倒过来了怎么办 win7电脑变成竖屏快捷键我电脑变成竖屏了怎么调回来 win7系统电脑怎么横屏w7系统屏幕怎么横过来 win7系统更改电脑屏幕方向电脑屏幕旋转了怎么调整过来 调成竖屏模式电脑win7我电脑变成竖屏了怎么调回来 怎么用fastboot刷红米2 红米2a手机怎么刷机教程图解 华为手机连wifi怎么不弹输入手机号页面 华为手机微信来消息没有铃声提醒怎么办 华为手机照片怎么导出 为什么手机总是在黑屏的时候才能显示联系人,而且只要锁屏,就再也进入不... 华为nova 5i Pro有没有车道级导航 pvc材料的优缺点 华为honor怎么才能把定位关了 大家帮我起一个女装品牌名字,主要是做网购的,定位优雅大方,中高档女 ... 让幼儿园家长带给孩子扎头发的皮筋怎么说 听说 木马会 伪装成正常 程序?? 花生豆腐怎么做的吗 如何防范木马伪装正常程序? 伪装程序 古筝8级一般考什么曲子? cneapp进程是什么 投屏视频怎么放慢? 豇-帮个忙这个字怎么拼 To boldly go where no man has gone before.是什么从句,为 vue+富文本编辑器wangEditor4的使用 【vue 插件】富文本编辑器 wangeditor 使用 wangeditor 的使用和遇到的一些问题 华为p9怎么样能取消推送信息 如何关闭百度推送的新闻,我是华为p9,这个问题很困扰我,希望大家给_百 ... 专业摄影学校合肥有吗 暖宝宝和自热包一样吗 暖宝宝和自热包是不是一样 用相关性分析,怎么检验一个数据的真实性 数据质量与数据质量八个维度指标 华为5x上不了网,只要关于连接网络的都用不了,就没网 华为荣耀5xwifi联上了怎么耍不到网是怎么回事 我的手机是华为荣耀5x为什么4g网络没了3g网络也用不了。 我的华为5x刚刚双清后怎么用不了4g了 python相关的问题 ( pypy 在windows下 怎么安装pip )希望有教程 pypy5.6能安装在ubuntu16.04上吗 合肥高二生,想学摄影,通过艺考上大学的那种,怎么学呢? 怎样做个能说会道又幽默的人? ...微信,QQ,信息所有的提醒都没了?这是怎么回事? 案例:鸢尾花分类预测数据分析 - 描述性分析 红米4x怎么把字体调