富文本框KindEditer编辑器的介绍和使用详情

KindEditer介绍和使用详情

目录

一、KindEditer介绍

二、KindEditer使用方法

1、下载编辑器，下载页面：http://www.kindsoft.net/down.php

2、部署编辑器，

3、引入对应的kindeditor-all.js文件

4、  添加多行文本框textarea，id为editor_id

5、为id为editor_id的文本框创建kindeditor编辑器。

---

一、KindEditer介绍

        KindEditer是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得的编辑效果，开发人员可以用KindEditor把传统的多行文本输入框（textarea）替换为可视化的富文本框。KindEditor使用JavaScript编写，可以无缝地与java、.net、php、asp等程序集成。比较适合在cms，商城，论坛、博客。wiki、电子邮件等互联网应用上使用。

二、KindEditer使用方法

1、下载编辑器，下载页面：http://www.kindsoft.net/down.php

2、部署编辑器，

解压kindediter-x.x.x.zip文件，将所有的文件上传到您的网站程序目录里，例如:http://您的域名/editor

3、引入对应的kindeditor-all.js文件

4、  添加多行文本框textarea，id为editor_id

5、为id为editor_id的文本框创建kindeditor编辑器。

使用代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>



	

		
		
		
		
		
		
		
	

	
		
		           <strong>HTML内容</strong>
         
	
    
	

效果图：

 

6、kindeditor编辑器的创建参数，高度-height，宽度width,各种按钮是否显示-items,等等，

K.create('#id', {
        width : '700px',
       height : '700px',
       items:['undo', 'redo', 'preview']
});

详情请看下面的地址：

http://kindeditor.net/docs/option.html#items