kindeditor使用方法

分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!

               

一、下载编辑器

下载KindEditor最新版本(本版本为4.1.10)

下载页面:http://kindeditor.net/down.php


二、部署编辑器

解压kindeditor-x.x.x.zip 文件,将所有文件上传到您的网站程序目录里,如图:

PS:

可以根据需求删除以下目录后上传到服务器。

asp - ASP程序

asp.net - ASP.NET程序

php - PHP程序

examples - 演示文件


三、修改HTML页面

1、在需要显示编辑器的位置添加textarea输入框

<textarea id="editor_id" name="content" style="width:700px;height:300px;"> 这里输入内容...</textarea>


2、在该HTML页面添加以下脚本

<script charset="utf-8" src="kindeditor/kindeditor.js"></script><script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script><script>      KindEditor.ready(function(K) {             window.editor = K.create('#editor_id');      });</script>

效果如图:



作者:itmyhome


           

给我老师的人工智能教程打call!http://blog.csdn.net/jiangjunshow

这里写图片描述

版权声明:本文为hffygc原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。