zoukankan      html  css  js  c++  java
  • 百度富文本编辑器Ueditor使用

    首先我们登上ueditor下载,可以看到多种版本。

    UBuilder:可以自己选择需要的工具。

    我用的开发版,Java的jsp版本,在这里是全部工具,但是工具在配置文件中也是可以自己选择的。

    下载下来后:

    ueditor.config.js中toolbars配置你需要的功能:

    开始说说怎么使用吧:

    1.把整个ueditor文件导入你的项目。(路径注意,后期配置路径要用,弄乱了很烦人。我的是WebRoot/js/ueditor)

    2.在jsplib下有5个jar包。复制导入项目lib中(记得Bulid path哟)。

    3.然后上图中URL配置{项目名}/{你ueditor在项目中的路径}

    4.注意你配置的URL,加上下面的serverUrl刚好是你controller.jsp的路径(如果页面工具条没有正常显示,很有可能是这里的问题)

    5.jsp/config.json,这个文件是你图片存入项目、读取展示,和其他控制的一个配置文件。(注意:*UrlPrefix、*PathFormat。这两个路径配置:第一个是你项目的访问路径,第二个是图片存储读取的相对路径。如果你图片存、取有问题,很有可能是这里的问题)

    6.页面配置(下载的文件中有个index页面,页面基本配置就仿照这个。三点:一,导入js(3个,其中一个*min.js,可以换成all.js)。二,展示位置,是个script,记住id。三,UE.getEditor(id),引入工具条。)。

    至于其他方法都在页面上了,根据自己需要选取。

  • 相关阅读:
    Hbase 统计行数的四种方式
    Solr、MongoDB和Hadoop比较
    三种方法更改MAC OS X下的HOSTS文件
    史上最全前端面试题(含答案)
    图文-水平垂直居中兼容ie6+
    CSS3动画
    jQuery延迟加载(懒加载)插件 – jquery.lazyload.js-Web前端(W3Cways.com)
    web app变革之rem
    MAC中通过gem命令安装compass
    mac下升级ruby环境版本
  • 原文地址:https://www.cnblogs.com/hailiangboke/p/7590965.html
Copyright © 2011-2022 走看看