var
您好,欢迎访问景安网络旗下资讯网!
运营 建站 系统 数据库 编程

首页 > 编程  >如何给网站添加KindEditor在线编辑器?

如何给网站添加KindEditor在线编辑器?

来源:景安服务器托管作者:server发布时间:2017-06-23点击:1763

KindEditor是一套很方便的html编译器插件。今天在这里做一个简单的使用介绍。

KindEditor是一套很方便的html编译器插件。今天在这里做一个简单的使用介绍。

首先在官网上下载最新的KindEditor文件(里面有jsp,asp等不同版本文件夹,可以删掉你不需要的版本),

把整个文件夹放到你的web服务器里(放哪都行,但放的位置需要有访问权限,最好建立一个权限为777的public文件夹,把KindEditor文件夹放进去)。

 

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

 

 

  1. <textareaid="editor_id"name="content"style="width:700px;height:300px;">

  2.     这里输入内容...  

  3. </textarea>


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

 

 

  1. <script charset="utf-8" src="kindeditor/kindeditor.js"></script>  

  2.  

  3. <script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script>  

  4. <script>  

  5.       KindEditor.ready(function(K) {  

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

  7.       });  

  8. </script>


效果如图:


 

版权声明:本文系技术人员研究整理的智慧结晶,转载勿用于商业用途,并保留本文链接,侵权必究!

本文链接:https://www.zzidc.com:443/info/biancheng/2507.html

返回顶部