百度在线编辑器ueditor的使用

2022-09-22 20:53:51 众衡网络科技

简介这篇文章主要介绍了百度在线编辑器ueditor的使用以及相关的经验技巧，文章约1547字，浏览量176，点赞数7，值得推荐！

1、引入ueditor文件包到项目中（官网下载，分为utf-8还有gbk等好多版本，自己看着下）

2、把ueditor引入到jsp页面中，可参考百度提供的示例

<script type="text/javascript" charset="utf-8" src="${basePath }js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="${basePath }js/ueditor/ueditor.all.min.js">
    
</script>
<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="${basePath }js/ueditor/lang/zh-cn/zh-cn.js"></script>
<script>
        window.UEDITOR_HOME_URL = "${basePath }js/ueditor/";
        var ue = UE.getEditor(‘editor‘);
</script>

3、配置文件在config.json和ueditor.config.js中修改

4、文件上传的话要在项目的lib中导入ueditor中的jar包（5个）

5、注意， var ue = UE.getEditor(‘editor‘); 中editor其实是输入文本域的id,实例就行了。