网站内容编辑器(百度开发所见即所得富文本web编辑器实现方法)
优采云 发布时间: 2022-02-03 03:02网站内容编辑器(百度开发所见即所得富文本web编辑器实现方法)
先看效果图:
首先我们要了解一下UEditor,它是百度开发的一款所见即所得的富文本网页编辑器,是一款基于BSD协议的开源产品,可以免费使用和修改。开源意味着您可以自己定制它。编辑。
实现方法:
首先下载UEditer,官网:,根据需要下载对应版本(其实有demo可以调用编辑器)
下面是一个简单的调用示例,只需要引入三个文件:ueditor.config.js、ueditor.all.min.js、lang/zh-cn/zh-cn.js,其他函数都需要就可以继续挖
DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
这里就是编辑器的正文
var ue = UE.getEditor('container');
编辑器放置在表单中,提交后可以通过内容读取编辑器的内容。
在官方demo中,可以查看提供的多种方法:
例如:使用 editor.getContent() 方法获取编辑器的内容
使用editor.getPlainTxt()方法获取编辑器的格式化纯文本内容
如有需要,请参考官方文档
bbg