当前位置: 首页 > 工具软件 > UMeditor > 使用案例 >

UMeditor简单实用(一)

廉展鹏
2023-12-01

初学者,很好理解,步骤简单;

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并回显。如有需要请点击头像进行查看。

 类似资料: