MyEclipse中应用ueditor编辑器


第一:百度UEditor编辑器的官方下载地址
ueditor 官方地址:http://ueditor.baidu.com/website/index.html

第二:将编辑器复制到相关工程的WebRoot中,并将jsp/lib下的jar导入工程的WEB-INF/lib下

第三:配置ueditor.Config.js

只需修改 var URL=“XXX”

如下:

 

第四:配置jsp/config.json(图片上传路径)

  只需修改imageUrlPerfix=“XXX”

  如下:

 
第五:jsp页面引入编辑器

A.
<link rel="stylesheet" href="utf8-jsp/themes/default/css/ueditor.css" type="text/css"/>(在head中加入)
B.实例化编辑器对象(在body中加入):
<textarea id="myEditor" name="content" style="width:500px;height:300px;margin:0 auto;" onBlur="myEditor()">
 </textarea>

C.导入js:(在body中)
 <script type="text/javascript" src="utf8-jsp/ueditor.config.js"></script>
         <script type="text/javascript" src="utf8-jsp/ueditor.all.js"></script>
         <script type="text/javascript">
           var ue=UE.getEditor('myEditor',{
               toolbars:[
                   ['fullscreen','source','undo','redo','bold','italic','underline','strikethrough','horizontal','time','date'
                   ,'fontfamily','fontsize','fontsize','simpleupload','insertimage','emotion','spechars','insertvideo'
                   ,'justifyleft','justifyright','justifycenter','justifyjustify','forecolor']
               ]
            });   //设计工具栏

   

   </script>
 
数据库取值
  就跟普通项一样,用request.getParameter(“content”);数据库类型用text

没有更多推荐了,返回首页