kindeditor简单使用

朱雀 2020-10-24 18:05 960阅读 0赞

**一、下载编辑器**

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

下载页面:[http://kindeditor.net/down.php][http_kindeditor.net_down.php]

**二、部署编辑器**

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

![Center][]

PS：

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

asp - ASP程序

asp.net - ASP.NET程序

php - PHP程序

examples - 演示文件

**三、修改HTML页面**

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

**\[html\]**  view plain  copy

1.  **<****textarea** id="editor\_id" name="content" style="width:700px;height:300px;"**>**  
2.      这里输入内容...  
3.  **</****textarea****>**

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

**\[javascript\]**  view plain  copy

1.  <script charset="utf-8" src="kindeditor/kindeditor.js"></script>  
2.  <script charset="utf-8" src="kindeditor/lang/zh\_CN.js"></script>  
3.  <script>  
4.        KindEditor.ready(**function**(K) \{  
5.               window.editor = K.create('\#editor\_id');  
6.        \});  
7.  </script>

效果如图：  
![SouthEast][]

[http_kindeditor.net_down.php]: http://kindeditor.net/down.php
[Center]: /images/1603562633746.png
[SouthEast]: https://img-blog.csdn.net/20141114142813000

发表评论取消回复

表情：

评论列表（有 0 条评论，960人围观）

还没有评论，来说两句吧...

相关阅读

相关 kindeditor 如何使用

简单使用方法 1. 解压文件，并把所有文件上传到您的网站程序目录下，例如：http://你的域名/editor/。 2. 要添加编辑器的页面头部添加以下代码，id为text

谁践踏了优雅/ 2022年08月27日 01:13/ 0 赞/ 186 阅读

相关 Kindeditor使用

kindeditor编辑器，他上传后需要接收一个content-type 为 text/html; charset=UTF-8类型的参数。如果我们直接使用@Respons

古城微笑少年丶/ 2022年08月21日 09:41/ 0 赞/ 167 阅读

相关富文本框KindEditor的使用技巧

富文本框KindEditor的使用技巧 > 最近在项目中经常遇到使用富文本框的情况，当然我们所接触的富文本.框有很多，我个人还是比较偏向于KE(KindEditor)),

悠悠/ 2022年08月21日 07:58/ 0 赞/ 200 阅读

相关 kindeditor在Ext的使用

在 [http://kindeditor.net/][http_kindeditor.net] 下载 kindeditor。可以自己查阅 kindeditor的使用说明：[ht

你的名字/ 2022年08月06日 10:05/ 0 赞/ 205 阅读

相关 kindeditor学习笔记之实现简单留言板

kindeditor实现简单留言板没事干，研究点新玩意，今天就用kindeditor试试手，第一次接触。官网：[kindeditor官方网站][kindedito

刺骨的言语ヽ痛彻心扉/ 2022年06月16日 03:24/ 0 赞/ 206 阅读

相关 kindEditor编辑器的使用

1.在官网下载 [http://kindeditor.net/down.php][http_kindeditor.net_down.php] 2.导入必须的js

川长思鸟来/ 2022年05月17日 07:29/ 0 赞/ 270 阅读

相关 KindEditor使用

KindEditor 富文本编辑器纯JS开发，与后台语言没有关系此外，还有UEditor、CKEditor等编辑器官网 [http://kindedi

墨蓝/ 2022年05月16日 10:47/ 0 赞/ 174 阅读

相关 KindEditor 编辑器

KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器

偏执的太偏执、/ 2022年04月22日 03:56/ 0 赞/ 252 阅读

相关 jsp如何使用kindeditor

1.[https://github.com/kindsoft/kindeditor][https_github.com_kindsoft_kindeditor] 下载kinde

蔚落/ 2022年03月09日 09:44/ 0 赞/ 212 阅读

相关 kindeditor简单使用

一、下载编辑器下载KindEditor最新版本(本版本为4.1.10) 下载页面:http://kindeditor.net/down.php 二、部署编辑器 ...

朱雀/ 2020年10月24日 18:05/ 0 赞/ 961 阅读