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

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

  • 相关阅读:
    Win10 开启IIS后,访问“localhost”,报错无“C:WindowsMicrosoft.NETFramework64v4.0.30319Temporary ASP.NET Files”写访问权限
    使用pip安装Python扩展包时,如何提高速度?
    Django之路由层
    第一个Django项目
    Django简介
    DIY一个Web框架
    http协议
    Web应用和Web框架
    Python递归的经典案例
    Python修改文件的两种方法
  • 原文地址:https://www.cnblogs.com/hailiangboke/p/7590965.html
Copyright © 2011-2022 走看看