kindeditor富文本编辑器（百度富文本编辑器ueditor怎么使用）

大家好，张承辉来为大家解答以上问题。kindeditor富文本编辑器，百度富文本编辑器ueditor怎么使用很多人还不知道，现在让我们一起来看看吧！

1、 第一步是创建一个web项目，把官网下载的uetor放在根目录下，从

2、 引入jar包，如下图所示：

3、 第二步，首先配置uetor下的ueditor.config.js文件，找到

4、 窗户。u editor _ HOME _ URL=’/project name/u editor/’；如下图所示配置路径：

5、 第三步是在需要使用富文本编辑器的地方引入js文件，需要引入

6、 Uetor.config.js、ueditor.all.js和jquery-3.min.js，如

7、 如下图所示：

8、 第四步需要在页面的文本字段中引入。输入以下代码：

9、 textareaid=’ contents ‘ name=’ contents ‘/textarea

10、 script type=’ text/JavaScript ‘ charset=’ utf-8 ‘

11、 varetor=new Baidu . editor . ui . editor()；

12、 editor . render(“contents”)；

13、 /脚本

14、 第5步运行项目，可以看到富文本编辑器uetor已经显示在浏览器页面上，

15、 如下图所示：

16、 步骤6如果您需要上传文件、图片和视频，您需要配置“ueditor——jsp-

17、 Config.json”文件，配置图片、文件、视频的路径访问前缀，相对路径可以是

18、 使用“.”如下图所示：

本文到此结束，希望对大家有所帮助。