频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
UEditor富文本编辑器的使用
2017-03-28 09:55:00         来源:SunnyJava的博客  
收藏   我要投稿

UEditor富文本编辑器的使用

一、简单介绍

UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。

二、插件的下载地址

UEditor 官网地址

这里写图片描述

三、具体使用

1、下载ueditor插件()

https://ueditor.baidu.com/website/download.html

2、页面引入文件

ueditor.config.js、ueditor.all.min.js

ps:务必将ueditor/jsp/lib下的jar包加入到项目中,如果报500错误到部署服务器路径查看jar包是否发布到服务器

3.图片上传的配置

ueditor.config.js 22行URL修改为://项目名称+ueditor插件的路径

config.json 修改imageUrlPrefix:图片的访问路径、imagePathFormat:与项目同级目录的服务器地址

配置文件修改
图片路径修改

四、展示图片上传的效果

展示图片上传的效果

五、注意事项

这里写图片描述
点击复制链接 与好友分享!回本站首页
上一篇:HTML编程开发之H5函数学习
下一篇:HTML编程开发之ajax
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站