Kindeditor入门教程及注意事项

发布时间:2025-12-10 11:32:50 浏览次数:3

        在这里我就去不介绍KindEditor的配置参数,使用函数什么的。这些官方API都有,地址是:http://kindeditor.net/doc.php。  这里旨在快速建立起一个KindEditor编辑器。

建立起一个编辑器后,可以根据自己的功能需求对照着官方API进行尝试。

  1、去官网下载一个KindEditor的最新开发包:http://kindeditor.net/down.php

         2、在html文件中导入相关文件,就可以进行相关开发。例子如下:

<form><textarea id="editor_id" style="width:700px;height:300px;"></textarea></form><script charset="utf-8" src="kindeditor-4.1.10/kindeditor.js"></script><script charset="utf-8" src="kindeditor-4.1.10/examples/jquery.js"></script><link rel="stylesheet" href="kindeditor-4.1.10/themes/default/default.css" /><script charset="utf-8" src="kindeditor-4.1.10/lang/zh_CN.js"></script><script>$(function() {KindEditor.create('textarea[id="editor_id"]', {resizeType : 1,syncType : "auto",allowPreviewEmoticons : false,allowImageUpload : false,items : ['fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline','removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist','insertunorderedlist', '|', 'emoticons', 'image', 'link','posthideplugin','addpost','baidumap']});});</script>

          这里导入了四个文件分kindeditor.js(KindEditor的核心库文件),default.css(默认的模式文件,该文件其实是默认导入的),zh_CN.js(语言环境文件),jquery.js(Jquery的核心库文件)。其实不用导入jquery.js文件也可以,可以用KindEditor提供的ready函数。但鉴于前端开发js框架习惯使用jquery,所以,在这里将jquery与KindEditor进行了简单的整合。

需要做网站?需要网络推广?欢迎咨询客户经理 13272073477