zoukankan      html  css  js  c++  java
  • JSP版(utf8编码)的Ueditor百度文章编辑器配置以及使用说明

    二话不说,先上图:

    我配置好的效果大致是这些功能:基本的文字编辑功能、图片上传功能、附件上传功能、百度/谷歌地图搜索截图、视/音频发布功能。这个插件是现今我用过觉得最舒服的编辑器,功能齐全强大,稍微修改下配置即可投放使用,来,走起!

    1、最新版的官方插件跟先前的版本不一致,所以我还是用先前的版本, 是今年5、6月份版本。插件包JSP版(utf8编码)下载地址http://download.csdn.net/detail/jk33220/5798407(1分不算多吧,^_^,我的金币较少,赞助我点金币哈,评论即可获得1分)

    2、瓦公司用eclipse来开发,但是大多数人都是用myeclipse,所以我用myeclipse来演示:首先,新建一个webProject项目

    随便起个名字,如a,

    把解压后的ueditor插件包复制黏贴到webRoot根目录下

    然后打开editor_config.js这个配置文件,一看,瓦擦,乱码!然后点击项目a,按住Ctrl+回车,把项目a的环境从gbk换成utf8编码,

    此时乱码问题解决。

    然后再这个配置文件的29行,找到URL= window.UEDITOR_HOME_URL||"/t/ueditor/";这句话,改成‘URL= window.UEDITOR_HOME_URL||"/项目名/ueditor/’

    即‘URL= window.UEDITOR_HOME_URL||"/a/ueditor/’;

    接着修改index.jsp文件,在<head/>上面加入引用的js包和css样式代码:

    1. <script type="text/javascript" charset="utf-8" src="./ueditor/editor_config.js"></script>  
    2. <script type="text/javascript" charset="utf-8" src="./ueditor/editor_all.js"></script>  
    3. <LINK rel=stylesheet href="ueditor/themes/default/ueditor.css">  

    然后在<body>标签里加入瓦调好的编辑器代码,如下:

    1. <div align="center">  
    2.    <textarea id="newsEditor" name="content"> </textarea>  
    3.    <br/>  
    4.    <input type="submit" value="发布" >  
    5.    <script type="text/javascript">  
    6.         
    7.            UE.getEditor('newsEditor');  
    8.        
    9.    </script>  
    10. lt;/div>  


    保存的时候把首行的pageEncoding="ISO-8859-1"改为pageEncoding="utf-8",即可保存

    部署上传,然后浏览器打开http://localhost:8888/a/,我设置的端口是8888,大多数人用的都是http://localhost:8080/a/

    效果图就这样。时间关系,先整理到此,今晚回家有时间再整理图片以及其他的设置文档。

  • 相关阅读:
    Lucene学习总结之七:Lucene搜索过程解析
    Lucene学习总结之六:Lucene打分公式的数学推导
    Lucene学习总结之五:Lucene段合并(merge)过程分析
    Lucene学习总结之四:Lucene索引过程分析
    Lucene学习总结之三:Lucene的索引文件格式(1)
    Lucene学习总结之二:Lucene的总体架构
    Lucene学习总结之一:全文检索的基本原理
    解决Eclipse中文乱码
    【Lucene4.8教程之五】Luke
    【Tika基础教程之一】Tika基础教程
  • 原文地址:https://www.cnblogs.com/zhwl/p/3582645.html
Copyright © 2011-2022 走看看