关于百度富文本使用

一:百度富文本的基本使用

引入百度富文本文件包，然后如下使用流程：

1.   引入js（路径根据需要改写）

      

      <script type="text/javascript" charset="utf-8" 

src="${pageContext.request.contextPath}/static/lib/ueditors/ueditor.config.js"></script>

      <script type="text/javascript" 

charset="utf-8" src="${pageContext.request.contextPath}/static/lib/ueditors/ueditor.all.min.js"> </script>

<script type="text/javascript"  charset="utf-8" src="${pageContext.request.contextPath}/static/lib/ueditors/lang/zh-cn/zh-cn.js"></script>

 

2 .html部分使用，

   注意： 富文本读取的是    id

  

3. js 部分调用

二:百度富文本图片使用

  1.

  

说明：输出到控制台是为了查看图片存放路径

2.ueditor包里面 config.json文件：

(1)./* 上传图片配置项 ：imageUrlPrefix*/  这个里面：

说明：仅限本地读取来说，

        1.imageUrlPrefix ：里面对应的是项目名

          2.imagePathGormat : 例如：/:根路径   upload     就是放

           到webapp 下面的upload文件夹里面

       上传到线上：

      1.imageUrlPrefix ： 例如：http://111.203.245.100:10002/yitaojin ， 对应的

         是域名/项目名（这个项目名看实际情况添加）

        2.imagePathGormat : 例如：/:根路径   upload     就是放到webapp 下面的                upload文件夹里面

 (2)./* 列出指定目录下的图片 */这个里面：

*说明：这里同楼上

3.ueditor包里面ueditor.config.js文件：

说明    URL : 对应的路径：项目名/ueditor目录名

3.关于上传图片图片后大小缩放的问题

说明：点击选中文本框里的图片，然后拉动缩小尺寸，移动位置。