初学者,很好理解,步骤简单;
1.导入依赖
<dependency>
<groupId>org.webjars.bower</groupId>
<artifactId>ueditor</artifactId>
<version>1.4.3</version>
</dependency>
2.官网下载ueditor,jsp版本,导入wabapp下面
3.引入js与css 在刚刚下载的文件夹里面
<link rel="stylesheethref" href="${ pageContext.request.contextPath }/ueditor/themes/default/css/ueditor.css" type="text/css">
<script type="text/javascript" src="${ pageContext.request.contextPath }/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="${ pageContext.request.contextPath }/ueditor/ueditor.all.js"></script>
4 .实例化编辑器
<textarea name="adContents" id="myEditor"></textarea>
<script type="text/javascript">
var editor =new UE.ui.Editor();
editor.render("myEditor");
//1.2.4以后可以使用一下代码实例化编辑器
UE.getEditor('myEditor')
</script>
5.目前可以显示出来了,但是上传到哪里??回显404???,没关系,下面来说怎么更改配置
在刚刚导入的文件夹中找到config.json,里面的注释讲的很明白,认真看看就可以看懂的,有关编辑器的配置都在里面
大概就是这个样子,很简单, 哪里不明白可以给我留言,下一篇是 关于上传到异步的比如oss并回显。如有需要请点击头像进行查看。