邓超
ToQuery
度开源编辑器ueditor的使用(JSP版的使用)
2014-08-13 16:48:33   阅读1439次

一、官网上下载完整源码包(JSP),解压到任意目录,解压后的源码目录结构如下所示:

    dialogs:弹出对话框对应的资源和JS文件

    themes:样式图片和样式文件

    lang:语言包

    third-party:第三方插件

    editor_all.js:_src目录下所有文件的打包文件

    editor_all_min.js:editor_all.js文件的压缩版,建议在正式部署时才采用

    editor_config.js:编辑器的配置文件,建议和编辑器实例化页面置于同一目录


QQ截图20140813164745.png

二、部署UEditor到实际项目(UETest)中的步骤:

QQ截图20140813164758.png

第一步:在项目的WebRoot目录下新建一个ueditor文件夹将解压后的文件及文件夹复制到该目录下

第二步:新建一个JSP引入文件

  1. <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.config.js"></script>  
        <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.all.min.js"> </script>  
        <!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->  
        <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->  
        <script type="text/javascript" charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js"></script>

在引用editor_config.js时,最好先于editor_all.js加载,否则特定情况下可能会出现报错。


第三步:添加编辑区间

  1. <script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>


第四步:初始化编辑器

  1.  <script type="text/javascript">  
    //实例化编辑器  
    //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例  
    var ue = UE.getEditor('editor');</script>


开启tomcat就可以进行测试




-----------------------------------------------------
转载请注明来源此处
原地址:#

-----网友评论----
暂无评论
-----发表评论----
微网聚博客乐园 ©2014 blog.mn886.net 鲁ICP备14012923号   网站导航