网站前端_KindEditor.基础入门.0001.KindEditor_3.4.2快速入门?

简单介绍:

说明: KindEditor是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用它把传统的多行文本输入框textarea替换为可视化富文本输入框,它使用JavaScript编写,可无缝地与各种后台语言程序集成,常用于CMS/博客/商城/论坛/WiKi/电子邮件等互联网应用.


初始环境:

wKioL1hpH5yyfIUEAAA3WaWRrog727.png

wKiom1hpHpLR4GWuAAAbX8RU7WM003.png

1. 引入此编辑器核心文件kindeditor.js,其它js/kindeditor下的目录和文件后面会陆续介绍.

wKioL1hpHnHw7dohAAAN_WCTNJk211.png

2. 引入自定义脚本初始化以及自定义kindeditor编辑器.

wKioL1hpHqrTB14WAAAYmOmWIcw745.png

3. 编写自定义脚本初始化以及自定义kindeditor编辑器.

wKiom1hpHsHhJCkmAAAfp5m45kk047.png

说明: KE是kindeditor.js中定义的编辑器总对象,调用其show方法,且告诉它将id值为content1的元素显示为编辑器,cssPath告诉编辑器关于编辑器本身的css文件位置.

wKiom1hpHtuQNqH2AABHyLruWRA767.png

说明: 如上代码可直接本地访问,也是初始环境,后面所有运行环境都是基于此环境,目前使用的是kindeditor-3.4.2版本,可能和最新版有些许差异,请注意~


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章