云题海 - 专业文章范例文档资料分享平台

当前位置:首页 > kindeditor控件实现文本编辑器使用详解(含代码)

kindeditor控件实现文本编辑器使用详解(含代码)

  • 62 次阅读
  • 3 次下载
  • 2026/1/10 23:56:50

Kindeditor控件在PHP 中使用方法详解

1、简介:

KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。 主要特点 :

快速:体积小,加载速度快

开源:开放源代码,高水平,高品质

底层:内置自定义 DOM 类库,精确操作 DOM

扩展:基于插件的设计,所有功能都是插件,可根据需求增减功能 风格:修改编辑器风格非常容易,只需修改一个 CSS 文件

兼容:支持大部分主流浏览器,比如 IE、Firefox、Safari、Chrome、Opera

2、首先你需要去kindeditor官网下载目前最新版本的kindeditor文件包,官网:http://kindeditor.net/down.php

3、下载后解压打开,会看见如图所示的文件夹

这里面包含有ASP、asp.net、JSP、php等文件夹,我们这里是在php中应用该控件,所以ASP、asp.net、JSP这三个文件夹是可以删除的,当然不删也无所谓

4、接下来将所有文件拷贝到你项目的根目录下,如图所示:

记得是拷贝到项目根目录下

5、新建一个test.php页面,在里面对kindeditor控件进行引用和配置

主要包含三部分1)引入css文件 , 2)定义一个textarea文本框用来显示控件,3)引入JavaScript文件,并且在HTML中嵌入一个js函数来调用控件 具体代码如下,本人自己测试通过:

kindeditor控件使用

效果图:

5、如果你自己向改变控件显示的效果,打开kindeditor文件目录下的themes文件,里面有一个default.css文件,在里面就可以自己编辑css文件,显示自己需要的效果

在相应的位置编辑即可

希望能对你有所帮助

下载文档10.00 元 加入VIP免费下载
推荐下载
本文作者:...

共分享92篇相关文档

文档简介:

Kindeditor控件在PHP 中使用方法详解 1、简介: KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。 主要特点 : 快速:体积小,加载速度快 开源:开放源代码,高水平,高品质 底层:内置自定义 DOM 类库,精确操作 DOM 扩展:基于插件的设计,所有功能都是插件,可根据需求增减功能

相关推荐

× 游客快捷下载通道(下载后可以自由复制和排版)
单篇付费下载
限时特价:10 元/份 原价:20元
VIP包月下载
特价:29 元/月 原价:99元
低至 0.3 元/份 每月下载150
全站内容免费自由复制
VIP包月下载
特价:29 元/月 原价:99元
低至 0.3 元/份 每月下载150
全站内容免费自由复制
注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信:fanwen365 QQ:370150219
Copyright © 云题海 All Rights Reserved. 苏ICP备16052595号-3 网站地图 客服QQ:370150219 邮箱:370150219@qq.com