富文本的使用教程(wangEditor框架)
一,相信很多人用过很多富文本的框架,现在我向大家推荐一个很实用的一个富文本框架,具有丰富的功能项,容易使用。
所以本博客介绍这个富文本编辑器的使用哈!觉得写得不错的请点赞哈,有建议欢迎提哈!^V^
· 官网地址:ttp://www.wangeditor.com/
二,控件展示效果
haha 是不是很强大
三,使用步骤
所需js css包:
wangEditor.min.css
wangEditor.min.js
1,第一步就是引入js和css包了,必需的
2,初始化富文本框的js代码
3,HTML代码
<div id="introduce1" style="height:300px;">div>
4,获得文本框的内容方法
editor1.html();//得到内容
不足之处请给予指正谢谢♥
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/2329.html
优秀的富文本编辑器有很多,比如:UEditor,wangEditor 等,但并不是每个都能在移动端有很好的表现。 我们暂且不讨论移动端是否真的需要富文本,既然有这需求,就把它实现出来。 失败的尝试 正确的选择是成功的开始,开发之...
... html 富文本 javascript var editor = new wangEditor("editor"); editor.config.uploadImgUrl = "/admin/wangeditor/upload"; // 隐藏掉插入网络图片功能。该配置,只有在你正确配置了图片上传功能之后才可用。 editor.config.hideLink...
1、安装 使用npm下载:`npm install wangeditor` 2、 创建实例 (1)基本用法: 效果如图 (2)自定义高度写法如下:把菜单和编辑框分开 .editorMenu { border: 1px solid #ccc; } .editor { margin-top: ...
网上已经有一篇类似的文章wangEditor富文本编辑器+react+antd的使用, 当然我也参考了他的写法, 然后实现了我到需求, 现在拿出来分享分享 版本 antd: v3.12.1wangEditor: v3.1.1 我们用编辑器, 大部分情况是在表单中使用, 而antd的表单系...
...支持数学公式等等 因此选择了两款富文本编辑器: 1)wangEditor,支持截屏粘贴,当做Bug跟踪系统时这个功能特别有用。 2)Editor.md,支持编程语言高亮,支持数据公式。 图表 图表组件很多,够用就好。 1)Echart,用于统计类...
阅读 1433·2021-11-23 10:07
阅读 3170·2021-11-22 09:34
阅读 750·2021-10-08 10:05
阅读 1169·2019-08-30 15:55
阅读 2787·2019-08-30 11:21
阅读 2925·2019-08-29 13:01
阅读 949·2019-08-26 18:26
阅读 1124·2019-08-23 18:21