UEditor富文本编辑器
admin 阅读: 2024-03-27
后台-插件-广告管理-内容页头部广告(手机) |
什么是UEditor
UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量、可定制、用户
体验优秀等特点。开源基于BSD协议,所有源代码在协议允许范围内可自由修改和使用。百度UEditor
的推出,可以帮助不少网站开发者在开发富文本编辑器所遇到的难题,节约开发者因开发富文本编辑器
所需要的大量时间,有效降低了企业的开发成本。
官网:官网
教程文档地址:教程文档
API文档地址:api
为什么使用UEditor?
用于替换textarea,textarea是纯文本编辑器,样式比较简陋。使用富文本编辑器,样式丰富,所见即所得。
UEditor本质上是一个html。
使用-demo
DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>ueditor demotitle> head> <body> <script id="container" name="content" type="text/plain"> 这里写你的初始化内容 script> <script type="text/javascript" src="ueditor.config.js">script> <script type="text/javascript" src="ueditor.all.js">script> <script type="text/javascript"> var ue = UE.getEditor('container'); script> body> html>
- 加载两个js
- 加载编辑器的容器(文本编辑器默认值)
- 实例化编辑器
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
UEditor 和 转义
使用UEditor必须要转义,这是为什么?
为了安全起见,防止数据库操作失败。
安全起见:必须转义,防止恶意脚本被执行。当标签传递给浏览器的时候,浏览器把他们解析为标签,就会被执行。在一个富文本编辑器中,当用户输入一个
后台-插件-广告管理-内容页尾部广告(手机) |