七仔的博客

七仔的博客GithubPages分博

0%

UEditor的使用及Word的导入

UEditor是一个富文本编辑器,这个集成word导入的更是方便(图片也可以导入)

UEditor的使用及Word的导入

介绍:

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

网站:

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

版本:

分为UEditor和UMeditor两个版本,UEditor是功能齐全的版本,UMeditor是简化版。此处提供一个封装UEditor后多了Word导入的版本(不是我写的,我在CSDN上找到的,只要1积分):

https://download.csdn.net/download/thfengyuan/10567799

安装:

1、 将ueditor放入你的项目中

2、 使用时引用

1
2
3
4
5
<script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor.all.js"> </script>
<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>

3、 然后对

1
<script id="editor" type="text/plain"></script>

进行实例化:

1
var ue = UE.getEditor('editor');

4、 修改jsp路径下的config.json文件,修改imageUrlPrefix为/加你的项目名

配置

4、 导入响应jar包或配置Maven,这个好像高版本需要jaxp的四个jar包,这是下载地址:

https://download.csdn.net/download/xuqiaojun210/2317769

我以前下过,然后删了,然后csdn上面再下载居然还需要重新用积分下载。。。小伙伴们用积分下载了的东西不要删啊。。。

运行截图:

截图

此为博主副博客,留言请去主博客,转载请注明出处:https://www.baby7blog.com/myBlog/12.html

欢迎关注我的其它发布渠道