24.富文本编辑器Kindeditor的使用

下面是富文本编辑器的效果:

24.富文本编辑器Kindeditor的使用


上面的效果的出现的原因是:富文本编辑器本质上是html标签,然后把html标签让浏览器渲染一下就有上面的效果了

24.富文本编辑器Kindeditor的使用


那么是如何做到让浏览器渲染html标签的呢?

24.富文本编辑器Kindeditor的使用


iframe相当于浏览器的一个窗口,去加载一下内容,加载的内容可以被渲染。


Kindeditor的使用步骤:

1.在jsp页面添加js,css引用文件

24.富文本编辑器Kindeditor的使用


2.在jsp中给要引用的富文本编辑器分配一个地方,也就是设置一个多行文本的宽高和名称

24.富文本编辑器Kindeditor的使用


3.通过js进行操控显示富文本编辑器

找到多行文本,并把该文本作为参数传递给createEditor方法创建富文本编辑器

24.富文本编辑器Kindeditor的使用


该方法通过传递两个参数给富文本编辑器,让富文本编辑器调用create方法实现富文本编辑器的展现

24.富文本编辑器Kindeditor的使用


以下的参数是关于文件上传的,后期会讲到。

24.富文本编辑器Kindeditor的使用