富文本编辑器原理：

实际上就是DOM操作，把对css的操作变成一个个按钮，当我们点击按钮的时候实现相应的操作。

富文本编辑项目使用步骤

1）下载安装包

搜索Uedit进入官网地址下载

2）解压，将我们的utf8-jsp文件夹导入到我们的目录中

3）将lib里的jar包导入到我们的项目中

这里是tomcat，所以导入到web-inf下的lib中

4）配置

配置自己的路径，项目名称叫libiary，所以这里配置/library，不然上传图片不会显示。配置下面上传内容也一样。
如果编码格式不对就在properties–resource下改成UTF-8.

5）使用

导入相应的配置文件，这里的url要写自己项目里的

	<!-- 富文本编辑框配置文件 这里的url要写自己项目里的--><script >window.UEDITOR_HOME_URL = "/library/resource/utf8-jsp/"</script><script type="text/javascript" src="resource/utf8-jsp/ueditor.config.js"></script><!-- 编辑器源码文件 --><script type="text/javascript" src="resource/utf8-jsp/ueditor.all.js"></script><!-- 实例化编辑器 --><script type="text/javascript">var ue = UE.getEditor('content');</script>

在要div里添加相应代码，这里的id=content要和上面script里getEditor（‘content’）一致，这样添加内容下面就回显示富文本编辑框了

	<div class="item"><span>内容</span><script id="content" name="content" type="text/plain" class="editor"></script></div>

最后要注意script标签加载顺序，项目中把最后回显的数据script标签放在了，html最下面

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！