富文本编辑器——wangeditor使用

最近在该系统bug，用户希望把一个表单换成富文本编辑器，奈何自己是小白，第一次上手，所以做起来有点困难，一开始使用百度的ueditor，但是，保存的时候一直提示file is not present，在网上找方法也解决不了，后来放弃了，选择wangeditor,

下面是步骤：

1、下载 

官网：wangEditor.github.io；

2、把下载的压缩包放在项目的static下面：

3、就是页面使用了

①、首先引入css和js文件：

②、实例

<script type="text/javascript">
var editor = new wangEditor('editor');<!--名字与后面的id内容一致-->

// 上传图片

editor.config.uploadImgUrl = '/upload';
editor.config.uploadParams = {};
editor.config.uploadHeaders = {}
editor.config.emotionsShow = 'icon';
editor.config.emotions = {
'default': {
title: '默认',
data: 'static/js/wangEditor/emotions.data'

},
editor.create();
$(".wangEditor-txt").height(300);
</script>

③、表单实现：

这个id要和上面 你定义的名字一致。

基本上就OK了，jsp的基本上做完了，后台就要写方法了

附上我写的方法：

哈哈，是不是很简单。用这个富文本编辑器的时候有些样式可能会冲突，怎么急解决，就百度吧。

最后

以上就是光亮海燕为你收集整理的富文本编辑器——wangeditor使用的全部内容，希望文章能够帮你解决富文本编辑器——wangeditor使用所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。