百度富文本编辑器ueditor怎么使用
的有关信息介绍如下:有时候我们想使用ueditor富文本编辑器,怎么操作呢,下面来分享一下方法
第一步我们创建一个web项目,将官网下载的ueditor放在根目录下面,并将自
带的jar包引入,如下图所示:
第二步需要先配置ueditor下面的ueditor.config.js文件,找到
window.UEDITOR_HOME_URL = "/项目名称/ueditor/";进行路径配置,如下图所示:
第三步在我们需要用到富文本编辑器的地方引入js文件,需要引入
ueditor.config.js,ueditor.all.js,jquery-2.2.3.min.js三个文件,如
下图所示:
第四步需要在页面中用一个文本域来引入,输入如下代码:
var editor = new baidu.editor.ui.Editor();
editor.render("contents");
第五步运行项目,可以看到富文本编辑器ueditor已经显示在浏览器页面上了,
如下图所示:
第六步如果需要进行上传文件,图片,视频,需要配置“ueditor->jsp-
>config.json”文件,配置图片,文件,视频的路径访问前缀,相对路径可以
用“..”,如下图所示: