SSH——副文本编辑器之ueditor

来源:互联网 发布:淘宝5金冠店铺有哪些 编辑:程序博客网 时间:2024/05/01 18:01

官网地址:http://fex.baidu.com/ueditor/

1.下载该编辑器的压缩包:http://ueditor.baidu.com/website/download.html

2.解压之后,改名为ueditor,并复制粘贴到WebContent/res下,把lib中的文件复制到WEB-INF下的lib中,

3.在jsp中导入js文件

①<!-- 配置文件 -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/res/ueditor/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/res/ueditor/ueditor.all.js"></script>
    <!-- 编辑内容展示 -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/res/ueditor/ueditor.parse.js"></script>

 ②<!-- 复制到放置输入框的地方 -->

                  <div class="form-group">
                           <label class="col-sm-1 control-label">公告内容</label>
                           <div class="col-sm-8">
                            <script id="Container" name="content" type="text/plain">   </script>
                           </div>
                    </div>


③<!-- 实例化编辑器 -->
    <script type="text/javascript">
        var editor = UE.getEditor('Container');

        <!-- 获取编辑器中输入的内容 -->     、

        var content = editor.getPlainTxt();
     
    </script>

原创粉丝点击