百度编辑器的使用

一、下载百度编辑器的压缩包(http://ueditor.baidu.com/website/download.html)

        将压缩包解压到 D:\apache-tomcat-6.0.18\webapps 目录下

        在 D:\apache-tomcat-6.0.18\webapps\ueditor1_4_3-utf8-jsp 目录下新建 WEB-INF/lib 两个文件夹

        将 D:\apache-tomcat-6.0.18\webapps\ueditor1_4_3-utf8-jsp\jsp\lib 下的 jar包 拷贝到上面新建

        的lib目录下

       

       部署完成,准备测试首先,要配置好JAVA_HOME环境变量,

       然后,启动 D:\apache-tomcat-6.0.18\bin\startup.bat 

       出现以下界面,表示部署成功

      

     

二、在MyEclipse环境中使用百度编辑器:

    将ueditor 必须的五个jar包 拷贝到 项目的 WEB-INF/lib 目录下

    将解压后的文件添加到 WebRoot 目录下

    在JSP页面引入:

     <script type="text/javascript" src="ueditor1_4_3-utf8-jsp/ueditor.config.js"></script>

     <script type="text/javascript" src="ueditor1_4_3-utf8-jsp/ueditor.all.js"></script>

     <link rel="stylesheet" href="ueditor1_4_3-utf8-jsp/themes/default/css/ueditor.css"

         type="text/css"></link>     


   在<body></body>标签中编写:

      <textarea name="myEditor" id="content"></textarea>

      <script type="text/javascript">

        UE.getEditor("myEditor");

      </script>


三、图片上传:

    在config.json中配置 imagePathFormat 的绝对路径 改为自定义图片上传路径 {filename} 表示上传的图片

    名称和类型 (参考imagePathFormat下方的注释)

    imageUrlPrefix 配置为项目名称

    例如:imageUrlPrefix:editors (项目名称)

          imageUrlPrefix:"/upload/image/{filename}"  (图片上传路径及上传图片名称和类型)

    在ueditor.config.js中找到 var URL = window.UEDITOR_HOME_URL || getUEBasePath();

    在其上一行配置 window.UEDITOR_HOME_URL = "项目/ueditor1_4_3-utf8-jsp";

   

   

四、自定义工具栏:

     修改 ueditor.config.js 中 toolbars 的内容 






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值