Ueditor上手使用教程

最新推荐文章于 2024-03-11 22:19:01 发布

VIP文章走过程序员的路

最新推荐文章于 2024-03-11 22:19:01 发布

阅读量1.1w

点赞数 1

分类专栏：前端进阶之路 JavaScript jquery ajax

本文链接：https://blog.csdn.net/lafengwnagzi/article/details/78830578

版权

他的项目的gitHub地址 https://github.com/fex-team/ueditor，他提供了各个版本demo；我们选择java的版本。

使用方法：

<!-- 配置文件 -->  
<scripttype="text/javascript"src="ueditor/ueditor.config.js"></script>    
<!-- 编辑器源码文件 -->  
<scripttype="text/javascript"src="ueditor/ueditor.all.js"></script>

注意改下文件路径

//实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
var ue = UE.getEditor('editor');

//初始化编辑器 （该处用于设置编辑器回显值）
  ue.ready(function () {
      ue.setContent(formData.content);
   });

<script id="editor" type="text/plain"></script>//这行代码在你需要用到的表单元素写上，ueditor会识别到然后实例化一个编辑器到这里的

到这一步你基本的配置就完成了

但是如果ueditor支持图片、文档、音乐等文件上传功能，如果你想要配置上传路径，可以修改 ueditor/jsp/config.json。这个文件对于每一个配置项，都明确的文字说明。附上一段图片上传的配置吧：
```
/* 上传图片配置项 */  
"imageActionName": "uploadimage", /* 执行上传图片的action名称 */  
"imageFieldName": "upfile", /* 提交的图片表单名称 */  
"imageMaxSi
```