wangEditor是Web端使用的一种编辑器,功能还挺齐全的
记录下wangEditor的简单用法
wangEditor相关jar包的下载及搭建
将wangEditor中输入的内容以html的形式发送给Servlet
wangEditor的搭建
第一步:下载相关jar包
使用wangEditor需要用到两个jar包,一个是“wangEditor.min.js”这是用于引用wangEditor,另外还需要下载一个jq文件“jquery-3.3.1.min.js”
第二步:引用这两个下载好的jar包
第三步:编写内容输入界面,这里一般是由控件div和控件textarea组成的,其中textarea的属性设置为隐藏不显示出来,主要是用来存放wangEditor的内容以及方便后台获取内容,因为div控件是设置不了'name'属性的。
我这里为了方便等下方便向后台发送内容数据将这两个控件放在表单控件里了
第四步:js代码实现
var editor= new E('#intro');//获取隐藏控件的id,用于显示内容,也方便后台获取内容
var $text1 = $('#txtIntro');//监控wangEditor中的内容变化,并将html内容同步更新到 textarea
editor