Ueditor富文本编辑器使用详解
来源:互联网 发布:nginx图片缓存服务器 编辑:程序博客网 时间:2024/06/09 18:45
一、下载ueditor
官网下载页面:http://ueditor.baidu.com/website/download.html
用户根据自己的需求下载适当版本的ueditor,此处使用的是【1.4.3.3 JSP版】的 UTF-8版
二、解压并放入项目
将下载的ueditor解压并放入项目将 utf8-jsp->jsp->lib文件夹下的jar包放入WEB-INF下的lib文件夹中(此处注意jar冲突)
三、jsp引用ueditor
在你的jsp中引用以下两个文件(路径请自行调整)<script type="text/javascript" src="../utf8-jsp/ueditor.config.js"></script> <script type="text/javascript" src="../utf8-jsp/ueditor.all.js"></script>
所需富文本编辑器处使用<textarea id="editor" name="editor" style="height: 300px;width: 600px; margin: 0 auto;"></textarea>
并在jsp页面下面实例化编辑器<script type="text/javascript"> var ue = UE.getEditor("editor"); </script>
此时就可以使用了(此处富文本的功能可自行定义,具体使用请查看官方文档:http://fex.baidu.com/ueditor/)其中上图中的图片保存路径在jsp文件夹下的config.json文件中配置若想改变图片上传路径,imageUrlPrefix,imagePathFormat这两个配置项需同时修改,否则图片上传之后无法正常显示图片该文件中还包括文件、视频、截图等参数配置,原理同上
四、富文本编辑器中的数据获取与回填
使用UE.getEditor('editor').getContent()可获取编辑器中的全部内容在回填的页面需要先实例化编辑器,再进行赋值var ue = UE.getEditor('editor');$("#editor").val(此处为数据!);
其中index.html中为官网提供的API
阅读全文
0 0
- Ueditor富文本编辑器使用详解
- 富文本编辑器ueditor
- ueditor富文本编辑器
- UEditor富文本编辑器
- Ueditor富文本编辑器
- 百度富文本编辑器ueditor使用总结
- 百度富文本编辑器ueditor使用
- 百度富文本编辑器ueditor使用总结
- 富文本web编辑器--ueditor的使用
- 百度富文本编辑器Ueditor的使用
- 富文本编辑器Ueditor的使用
- 百度富文本编辑器ueditor使用小结
- node -- 使用UEditor富文本编辑器
- 关于富文本编辑器Ueditor的使用
- ueditor富文本编辑器的使用
- 百度Ueditor富文本编辑器的使用
- UEditor富文本编辑器的使用
- UEditor富文本编辑器的使用
- leetcode 9. Palindrome Number
- BOOL,int,float,指针变量 与“零值”比较的if语句
- centos7安装LAMP
- Oracle存储过程中is和as区别
- 监听FTP文件变化
- Ueditor富文本编辑器使用详解
- python中字典的dic.setdefault()用法
- PHP 获取今日、昨日、本周、上周、本月的等等常用的起始时间戳和结束时间戳的时间处理类
- SAMBA 的实现原理以及使用方法
- Java枚举_动力节点Java学院整理
- Python3多线程
- git 导入maven项目 提示 is already imported into workspace
- 代码质量检测工具FindBugs、PMD和CheckStyle对比
- log4j+flume+HDFS实现日志存储