zoukankan      html  css  js  c++  java
  • 在IntelliJ IDEA 中配置Ueditor富文本插件

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

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

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

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

    image

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

    image

    image

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

    image

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

    image

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

    image

    第四步:前端配置   根据官网上的代码就可以,应该注意的是 :引用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>
     
    配置完成后的样图如下:
    image
  • 相关阅读:
    开源TinyXML 最简单的新手教程
    2014第14周一开发问题记
    2014第13周日
    140329
    2014第13周五
    2014第13周四Webservice概念问题记
    2014第13周三
    2014第13周二
    2014第13周一
    2014第12周日
  • 原文地址:https://www.cnblogs.com/feixian-blog/p/6412021.html
Copyright © 2011-2022 走看看