在线编辑器

小博老师解析Java核心技术 ——KindEditor文本编辑器使用

时光怂恿深爱的人放手 提交于 2020-03-18 18:04:42
3 月,跳不动了?>>> [引言] 我们在制作Java Web项目的时候,经常会需要用户输入并提交内容复杂的信息,比如文字、图片、表格、样式混排的数据信息,这样简单的文本域控件<textarea></textarea>就难以满足我们的需求了,此时我们则需要使用一些“富文本”编辑器了。文本小博老师就为大家介绍一款非常简单易学,却又功能强大的文本编辑器——KindEditor。 [步骤阅读一] 文本编辑器 原理 其实文本编辑器的原理非常容易理解,它通过Javascript封装了很多现成的功能,将用户控件分为“显示面板”和“代码面板”,用户在显示面板中输入内容,并且可以通过现成的各类按钮实现在文本内嵌入字体样式、编辑表格、表单控件甚至上传图片的功能。而此时代码面板中则通过Javascript,将显示面板中的效果自动转化成了HTML代码,并且对于用户隐藏了起来,当用户编辑完成后,表单真正提交的,则是代码面板中的HTML代码。 [步骤阅读二]文本编辑器使用 第一步:在 KindEditor 官网下载并解压缩文件夹,并且把解压缩的文件夹复制到项目中。 第二步:引入文件夹中kindeditor/jsp/lib/路径下的jar文件。 第三步:在您需要添加文本编辑器的页面中,导入css和javascript文件,如下: <link rel="stylesheet" href="kindeditor