首页 > 作文

简洁富文本编辑器wangEditor解析

更新时间:2023-04-03 11:00:58 阅读: 评论:0

简洁富文本编辑器wangeditor

创建方式有两种,非常简单

第一种:直接创建

html:

欢迎使用 wangeditor 富文本编辑器

js: // 引用 var e = require(R责任的故事16;wangeditor’) // 使用 npm 安装 var e = require(‘/wangeditor.min.js’) // 使用下载的 // 创建编辑器 var editor = new e(‘#editor’) editor.create()

第二种:邱柯功能栏和编辑窗口分开创建

    

中古代历史故事间隔离带

请输入内容

<script type=”text/javascript” src=”/wangeditor.min.js”></script>余额宝的收益;<script type=”text/javascript”> var e = window.wangeditor var editor1 = new e(‘#p1’, ‘#p2’) // 两个参数也可以传入 elem 对象,class 选择器 editor1.create() </script>

这里的引用只需要引用wangeditor.min.js或者wangeditor.js中的一个就行了,css不用引入

禁用编辑功能:

酱肘子的家常做法
editor.$textelem.attr('contenteditable', fal)

设置内容:

editor.txt.html('

用 js 设置的内容

‘)

获取内容:

editor.txt.html()

追加内容:

editor.txt.append('

追加的内容

‘)

清空内容:

editor.txt.clear()

本文发布于:2023-04-03 11:00:50,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/d0be5006b1a3906261ab7b43e2426de6.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:简洁富文本编辑器wangEditor解析.doc

本文 PDF 下载地址:简洁富文本编辑器wangEditor解析.pdf

标签:内容   编辑器   文本   编辑
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图