一、下载编辑器源码

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

二、部署编辑器

将下载文件解压目录结构如下

三、修改HTML页面

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

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

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

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

完整代码如下

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

<script src="../kindeditor-4.1.10/kindeditor.js"></script>

<script src="../kindeditor-4.1.10/lang/zh_CN.js"></script>

<script>

    KindEditor.ready(function(K){

        window.editor = K.create('#editor_id');

    });

</script>

<form method="POST" action="get_form.php">

    <textarea id="editor_id" name="content" sytle="width:700px;height=300px">

    </textarea>

    <input type="submit" name="button" value="提交">

</form>

效果如图：

最新文章

  1. RDCMan
  2. css知多少——选择器的优先级
  3. WCF 编程实验室
  4. FSG报表定义导入
  5. 关于MySQL密码你应该知道的那些事
  6. android之dialog
  7. 三分钟掌握 JUnit3.0
  8. BZOJ 1012 最大数maxnumber
  9. Android多画面幻灯片:ViewPager基础上，利用与PagerTabStrip出生缺陷(源代码)
  10. html5结合flash实现视频文件在所有主流浏览器兼容播放
  11. 洛谷 P1078 文化之旅
  12. spring Bean的完整生命周期
  13. 用python给邮箱发邮件，问题，以及解决方法。
  14. c++之&amp;
  15. jdk8- list操作
  16. 微信小程序中的组件
  17. PentesterLab渗透演练平台
  18. 20165327 2017-2018-2 《JAVA程序设计》第5周学习总结
  19. Python 7步机器学习
  20. 第k大的数

热门文章

  1. [HDU3586]Information Disturbing（DP + 二分）
  2. NOIP2012 提高组合集
  3. 51 nod 1079 中国剩余定理
  4. 武大OJ 622. Symmetrical
  5. java中POJO类和DTO类都要实现序列化
  6. ASPNET Razor 使用 @Ajax.BeginForm 需要注意到的细节
  7. ci 传参
  8. 【转】keyCode对照表及JS监听组合按键
  9. go语言使用官方的 log package 来记录日志
  10. Ajax跨域、Json跨域、Socket跨域和Canvas跨域等同源策略限制的解决方法