分类

安卓应用安卓游戏攻略资讯

应用软件

kindeditor软件入门教学指南

作者:佚名   来源: JZ5U整理   日期:2019/10/17 14:57:02

KindEditor是一个开源的在线HTML编辑器,可以实现Word文档中编辑时的所见即所得的编辑效果,是TextArea输入框很好的替换组件。

kindeditor软件特性:

1. 体积小,加载速度快,但功用非常丰厚。2. 内置自定义range,圆满地支持span标志。

3. 基于插件的方式设计,一切功用都是插件,增加自定义和扩展功用十分简单。

4. 修正编辑器作风很容易,只需修正一个CSS文件。

5. 支持大局部主流阅读器,比方IE、Firefox、Safari、Chrome、Opera。

kindeditor软件特性:

快速:体积小,加载速度快

开源:开放源代码,高程度,高质量

底层:内置自定义 DOM 类库,准确操作 DOM

扩展:基于插件的设计,一切功用都是插件,可依据需求增减功用

作风:修正编辑器作风十分容易,只需修正一个 CSS 文件

兼容:支持大局部主流阅读器,比方 IE、Firefox、Safari、Chrome、Opera

kindeditor常见问题

编辑器仿佛是UTF-8编码的,能够在GB2312页面上运用吗?

能够运用。有两种办法,一种办法是引入kindeditor.js文件时将script的charset属性设置成utf-8。

还有一种办法是直接将html/js/css文件编码都转换成GB2312编码(用Notepad++、editPlus等文本编辑器就能够转换编码),不过转换格式后晋级比拟艰难,倡议运用第一种办法。

我取不到编辑器数据,直接获得textarea的value也没用。

KindEditor的可视化操作在新创立的iframe上执行,代码形式下的textarea框也是新创立的,所以最后提交前需求执行 sync() 将HTML数据设置到原来的textarea。

KindEditor在默许状况下自动寻觅textarea所属的form元素,找到form后onsubmit事情里添加editor.sync()函数,所以用form方式提交数据,不需求手动执行editor.sync()函数。

为什么有些标签被过滤?

KindEditor默许采用白名单过滤方式,可用 htmlTags 参数定义要保存的标签和属性。当然也能够用 filterMode 参数关闭过滤形式,保存一切标签。

kindeditor运用办法:

1.在本站下载kindeditor紧缩包并解压

2.在tomcat的webapps目录下新建文件夹kindeditor,然后把下载的KindEditor下的这些文件Copy到上面创立的文件夹jsp、lang、plugins、themes、kindeditor-all.js、kindeditor-all-min.js

3.由于jsp代码依赖第三方jar,需求把jsp/lib下的三个jar,commons-fileupload-1.2.1.jar、commons-io-1.4.jar、json_simple-1.1.jar,copy到tomcat下的kindeidtor/WEB-INF/lib目录

4.启动tomcat。

5.在阅读器中输入地址:http://127.0.0.1:8080/kindeditor/jsp/demo.jsp,回车,没有看到KindEditor官网展现的界面

6.查看下源码: ,这个名字与Copy过来的不同,把Copy过来的kindeditor-all.js或kindeditor-all-min.js更改为kindeditor.js

7.重新刷新下阅读器,OK,KindEditor官网上的demo又展现出来了

kindeditor v4.1.11 绿色版软件截图:

kindeditor

展开

文章推荐

应用推荐

网友评论