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函数来调用控件 具体代码如下,本人自己测试通过:
效果图:
5、如果你自己向改变控件显示的效果,打开kindeditor文件目录下的themes文件,里面有一个default.css文件,在里面就可以自己编辑css文件,显示自己需要的效果
在相应的位置编辑即可
希望能对你有所帮助
相关推荐: