在IntelliJ IDEA 中配置Ueditor富文本插件

这是我自学的配置教程，刚刚学习不太完善请谅解！

我会根据我的学习进程对此进行更贴，欢迎关注哦！

第一步：下载插件，地址：http://ueditor.baidu.com/website/download.html

用Java开发的选择jsp版本，推荐使用utf-8版；

第二步：将插件解压，并将其复制到IntelliJ IDEA 中

第三步：找到该文件下的jsp/lib包，将里面的包复制到项目里的lib包中，注意复制过去的包包名前有三角符号（可展开），才生效。（我的jar包位置没变）

我将外jar包导入IntelliJ IDEA 中的方法如下：file-》project structure

点击加号，然后找到jar包的位置

第四步：前端配置根据官网上的代码就可以，应该注意的是 :引用js文件是有顺序的，先要有config那个文件。以下是我用的代码，复制过去注意修改引用js文件的目录：

<!DOCTYPE HTML>
<html lang="en-US">

<head>
    <meta charset="UTF-8">
    <title>ueditor demo</title>

</head>

<body>
<form action="result.jsp" method="post">
    <!-- 加载编辑器的容器 -->
    <script id="container" name="content" type="text/plain">
       这里写你的初始化内容
    </script>

    <input type="submit" value="提交"/>

</form>

<!-- 配置文件 -->

<script type="text/javascript" src="<c:url value="/statics/ueditor1_4_3_3/ueditor.config.js"/>"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="<c:url value="/statics/ueditor1_4_3_3/ueditor.all.js"/>"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
    var ue = UE.getEditor('container');
</script>
</body>

</html>

配置完成后的样图如下：

巴特西

在IntelliJ IDEA 中配置Ueditor富文本插件

最新文章

热门文章