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


大家好,小晋来为大家解答以上问题 。kindeditor富文本编辑器,百度富文本编辑器ueditor怎么使用很多人还不知道,现在让我们一起来看看吧!
1、 第一步是创建一个web项目,把官网下载的uetor放在根目录下,从
2、 引入jar包,如下图所示:
3、 第二步,首先配置uetor下的ueditor.config.js文件,找到
4、 窗户 。u editor _ HOME _ URL=’/project name/u editor/’;如下图所示配置路径:
5、 第三步是在需要使用富文本编辑器的地方引入js文件,需要引入
【百度富文本编辑器ueditor怎么使用 kindeditor富文本编辑器】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、 使用“.”如下图所示:
本文到此结束,希望对大家有所帮助 。

    推荐阅读