首页 > 其他 > 详细

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

时间:2017-02-18 00:35:02      阅读:3127      评论:0      收藏:0      [点我收藏+]

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

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

第一步:下载插件,地址: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富文本插件

原文:http://www.cnblogs.com/feixian-blog/p/6412021.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!