Ueditor详细配置说明文档

百度富文本编辑框插件Ueditor详细配置说明文档

1.文档结构说明

文档结构说明：除custom.js和jquery.min.js外，其他ueditor下的文件都为ueditor(jsp)下载版，custom.js是为了方便页面引用，如下图所示。
custom.js内容如下：

页面引用一个custom.js就行

2、ueditor后端配置
2.1、添加ueditor 的jar包文件到项目WEB-INF/lib下(右键项目名称，properties->java build path->add jars->找到WEB-INF/lib的jar文件添加)

2.2、修改ueditor.config.js文件

这部分代码是网上找的，添加到ueditor.config.js头部

主要是这块代码
window.UEDITOR_HOME_URL = applicationPath+"/resources/ueditor/" ;
//http://localhost:8080/success/resources/ueditor/
//ueditor放在webapp/resources 下
意思就是通过这段拼接地址可以访问到项目的ueditor目录，
我项目名字是success，下载的ueditor放到了resources下，所以applicationPath+"/resources/ueditor/"
因为是项目配置了静态资源释放为

<mvc:resources mapping="/resources/**“location=”/resources/" />
所以我放在了resources下边，放别的地方也行，只要可以访问到就可以。
要是页面显示出错，无法访问。可以F12,看看浏览器请求的地址和自己实际想访问的地址差别在哪，调整applicationPath后连接的字符串
2.3、修改config.json

主要就是修改不同位置的类似属性，就是上传目录，预览前缀。

imageUrlPrefix
这个我设置成了项目根目录
imagePathFormat
这个设置上传到resources/upload/image
一开始设置了很多次目录都没有成功，最后全盘搜索已上传的图片名称，根据他那个实际上传目录纠正的。

这块不对可以慢慢调，其他上传文件、视频啥的也如法炮制。
3、前端调用
3.1 ueditor编辑页(ueditor.jsp)

第一步：头部引入自定义js;(js内容参看1)

第二部：定义一个div或者是别的什么标签，

第三部：初始化ueditor

这个时候就可以启动项目测试ueditor页面了，正常如下显示。

3.1.1可能出现的问题
这个时候出现错误的，就只有两个地方。
一是页面内容毫无样式可言，堆积在一起。F12可以看出，是ueditor.config.js里请求的路径错误。可以把报错url和自己项目ueditor文件的地址相对比着看，调整到可以访问到ueditor文件。
二是文本编辑会提示本地保存成功，图片类上传的会提示“GET URL…”404,这种就在全盘搜文件名就行，名字就在GET url里。
找到文件路径，结合jsp/config.js，把预览前缀或者是上传目录改改就行。
这两个问题都挺好调的，结合错误路径和实际路径就可以了。
3.1.2 获取编辑的文本内容

其他用法可参看ueditor/index.html
3.2 前端数据返显(ueditorshowcontent.jsp)

第一步：引入自定义js(js内容参看1)
第二步：定义一个

或者别的标签
第三步：初始化ueditor控件
第四步：从数据库获取已存的html类源码文件
第五步：文件返显在控件里
感觉已经很详细了,下班了。
补充说明一点：存储的content类型为longtext

Ueditor详细配置说明文档相关推荐

Open-Falcon安装部署配置说明文档
@(架构师之路) Open-Falcon安装部署配置说明文档欢迎关注作者简书 csdn传送门文章目录 Open-Falcon安装部署配置说明文档单机安装环境准备 1. 环境准备 2. 从源码编 ...
FFmpeg3.4.2编译配置说明文档
Help options : 帮助选项 options –help 打印此消息 rint this message –quiet 抑制显示丰富的输出 Suppress showing informat ...
Hadoop 详细配置文档
准备配置: 1.用sudo gedit /etc/hostname ,在打开的文件里更改主机名 2.为了虚拟机之间能够ping通,需要修改主机名 sudo gedit /etc/hosts 命令,把对 ...
Windows 2003 网络负载均衡的详细配置文档
一.网络负载平衡的优点 1.网络负载平衡允许你将传入的请求传播到最多达32台的服务器上,即可以使用最多32台服务器共同分担对外的网络请求服务.网络负载平衡技术保证即使是在负载很重的情况下它们也能作出快 ...
sublime插件配置说明文档
clone地址: git clone git://github.com/bxcn/sublime_plugins_config.git 安装Sublime Package Control 安装步骤第 ...
七牛云存储详细配置步骤
七牛云存储详细配置步骤七牛云有免费的10G存储空间和流量,非常适合初创期的个人站长使用.初次使用看到那么多配置不知该如何下手,虽然官方也有详细的说明文档,但都是单独介绍,一半让人难以读懂.本人也是研 ...
SkeyeVSS综合安防监控视频云服务Windows、Linux跨平台安装部署说明文档
一.环境准备操作系统: Linux Ubuntu/CentOS 64位 Windows 7/Server 2008 r2以上/10/11 64位内存:2G以上 CPU: 双核2.0GHz以上二. ...
dlib 怎么安装vs2017_dlib库+vs2017详细配置流程
dlib库是一个非常强大的开源库,有详细的说明文档和c++代码,也提供了一些和python的接口,但是安装和配置的过程略有些麻烦,网上有一些相关教程,但是大都零零星星不全面.笔者亲自把所有的坑都踩了一 ...
Web产品的交互说明文档应该怎么写？
经常与开发同学聊天,他们说有一个详细的说明文档可以帮助他们更准确的进行工时评估,还可以帮助他们提高工作效率,减少多余的思考时间.因此在这里分享一些制作交互说明文档的经验. 我先说说说交互原型包含哪些部 ...
Spring Cloud Eureka 属性配置中文说明文档
常用配置中文说明文档: 配置参数默认值说明 eureka.instance eureka.instance.prefer-ip-address true 不使用主机名来定义注册中心的地址,而使用I ...

Ueditor详细配置说明文档

Ueditor详细配置说明文档相关推荐

最新文章

热门文章