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),引入工具条。)。

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

  • 相关阅读:
    layui使用iconfont
    MySQL&MyBatis 时间处理的配合
    Jira客户端
    同级div设置display:inline-block,父级div强制不换行
    Spring RestController 请求参数详解
    Mybatis映射文件
    Redis分布式锁
    Netty1
    Maven工程打成一个jar包
    Maven 工程读取resource下的文件
  • 原文地址:https://www.cnblogs.com/hailiangboke/p/7590965.html
Copyright © 2011-2022 走看看