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

时间:2024-03-25 18:38:02

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第四步:前端配置   根据官网上的代码就可以,应该注意的是 :引用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富文本插件