项目集成Ueditor编辑器
来源:互联网 发布:便携设备数据恢复 编辑:程序博客网 时间:2024/05/18 02:33
前言:这个Ueditor组件用了有一段时间了,没使用到截屏这个组件,这几天需要集成到另一个项目中去,
结果出现了问题,才想起没有文档记录,现在才来补个,方便以后集成查看
首先去官网下载Ueditor:http://ueditor.baidu.com/ 这里可以自定义文本域的组件,最好是需要哪些就下载哪些,免得到时候页面渲染慢,如果全部下载 也可以在ueditor / ueditor.config.js 文件中去配置组件
开始集成:
1. 把下载的压缩包里面的内容 全部解压到项目中
2.把 目录 ueditor/jsp/lib 里的jar包 拷贝到项目中去
3.页面引用js和配置
a. 引入相关js文件
<span style="font-size:12px;"><%-- ueditor插件js --%> <script type="text/javascript" charset="utf-8" src="<%=request.getContextPath()%>/ueditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="<%=request.getContextPath()%>/ueditor/ueditor.all.min.js"> </script> </span>
b.初始化编辑器实例
<span style="font-size:12px;">//实例化编辑器//建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用 UE.getEditor('editor')就能拿到相关的实例 var ue = UE.getEditor('editor');//这里需要和c步骤的id相同</span>
c.调用编辑器
<span style="font-size:12px;"><script id="editor" type="text/plain" style="width:500px;height:100px"></script></span>
效果图 如下:
0 0
- 项目集成Ueditor编辑器
- Flask项目集成富文本编辑器UEditor
- Flask项目集成富文本编辑器UEditor
- requirejs集成百度编辑器ueditor
- mvc4项目使用ueditor编辑器
- Flask项目集成富文本编辑器UEditor 基于蓝图模式下
- Java maven项目集成ueditor(百度本编辑器)插件详解
- Java maven项目集成ueditor(百度本编辑器)插件详解
- vue集成百度UEditor富文本编辑器
- java web项目中集成ueditor在线编辑器以及如何运用在线编辑器向后台传递数据
- 关于ueditor在javaweb项目中的集成
- Struts项目中集成使用ueditor
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十三)集成 UEditor 百度富文本编辑器
- 百度编辑器ueditor与springmvc项目整合
- 百度 UEditor Web 编辑器同 CMS 集成全攻略
- django 与 百度 ueditor 富文本编辑器集成
- Django集成百度富文本编辑器uEditor攻略
- ofbiz——集成富文本编辑器ueditor
- leetcode 5 Longest Palindromic Substring
- memcached 命令行参数解释
- 短信分享
- 发邮件
- SDWebImage
- 项目集成Ueditor编辑器
- 应用评分(跳转到APPstore评分,优化)
- CAShapeLayer UIBezierPath
- TPS和QPS的区别
- Spring ApplicationContextAware
- 应用间跳转
- vs2010 无法进入断点调试
- 使用Apache的ab工具进行压力测试
- Maven实战(六)——Gradle,构建工具的未来?