您的位置首页百科问答

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

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

的有关信息介绍如下:

百度富文本编辑器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三个文件,如

下图所示:

第四步需要在页面中用一个文本域来引入,输入如下代码:

第五步运行项目,可以看到富文本编辑器ueditor已经显示在浏览器页面上了,

如下图所示:

第六步如果需要进行上传文件,图片,视频,需要配置“ueditor->jsp-

>config.json”文件,配置图片,文件,视频的路径访问前缀,相对路径可以

用“..”,如下图所示: