您现在的位置是:首页 > 技术教程 正文

UEditor富文本编辑器

admin 阅读: 2024-03-27
后台-插件-广告管理-内容页头部广告(手机)

什么是UEditor

UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量、可定制、用户
体验优秀等特点。开源基于BSD协议,所有源代码在协议允许范围内可自由修改和使用。百度UEditor
的推出,可以帮助不少网站开发者在开发富文本编辑器所遇到的难题,节约开发者因开发富文本编辑器
所需要的大量时间,有效降低了企业的开发成本。
官网:官网
教程文档地址:教程文档
API文档地址:api

为什么使用UEditor?

用于替换textarea,textarea是纯文本编辑器,样式比较简陋。使用富文本编辑器,样式丰富,所见即所得。
UEditor本质上是一个html。

使用-demo

  1. 加载两个js
  2. 加载编辑器的容器(文本编辑器默认值)
  3. 实例化编辑器
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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21

UEditor 和 转义

使用UEditor必须要转义,这是为什么?
为了安全起见,防止数据库操作失败。
安全起见:必须转义,防止恶意脚本被执行。当标签传递给浏览器的时候,浏览器把他们解析为标签,就会被执行。在一个富文本编辑器中,当用户输入一个

后台-插件-广告管理-内容页尾部广告(手机)
关注我们

扫一扫关注我们,了解最新精彩内容

搜索
排行榜