一、下载编辑器

下载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

最新文章

  1. CSS总结1
  2. 采用formdata做跨域的、无刷新、带进度条的文件上传
  3. LIST-PROCESSING用法 ABAP任意时刻进行List输出_SAP
  4. linux 7 常见命令
  5. 应用PHPCMS V9轻松完成WAP手机网站搭建全教程
  6. 【转】如何在vmware中如何设置ip
  7. springmvc中返回页面,只在iframe中跳转,而不是整个页面,解决方法。
  8. Python练习----购物车
  9. 【JSOI2008】星球大战 (并查集)
  10. Java爬取 百度图片Google图片Bing图片
  11. 代码重构--switch的惊恐现身
  12. Fedora 19: How to resize/extend (LVM) partition?
  13. 64位Win7下Asp.net项目连接Oracle时报ORA-6413:连线未打开异常
  14. java随笔4 java中接参整形转字符串
  15. maven创建helloword项目
  16. 剑指offer(56)删除链表中重复的节点
  17. 2018 ACM 网络选拔赛 焦作赛区
  18. 使用Maven模板创建项目
  19. asp.net mvc 3 linq实现数据的增、删、改、查、
  20. spring mvc--默认都使用了哪些bean

热门文章

  1. ORA-00911:无效字符错误
  2. C和指针 (pointers on C)——第一章:高速启动
  3. 管理员控制Windows Service
  4. VisualStudio2012轻松把JSON数据转换到POCO的代码
  5. Performing User-Managed Database-18.4、Restoring Datafiles and Archived Redo Logs
  6. navicat连接oracle一个错误:ORA-12737 Instant Client Light:unsupported server character set ZHS16GBK
  7. ym——android源代码大放送(实战开发必备)
  8. 学习的例子gcc+gdb+make
  9. C#如何获得系统时间
  10. android 删除SD卡或手机的缓存图像和文件夹