A-A+
在线HTML可视化编辑器KindEditor
可视化编辑器kindeditor简介
可视化编辑器kindeditor是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。KindEditor使用JavaScript编写,可以无缝的于Java、.NET、PHP、ASP等程序接合。 KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。
简单的使用方法:
1、下载kindeditor,解压文件,根据需求删除以下目录之后拷贝到网站项目目录下。
这里以php项目为例,删除文件夹:asp - ASP程序、asp.net - ASP.NET程序、jsp - JSP程序、examples - 演示文件
2、在需要显示编辑器的位置添加textarea输入框
<textarea id="editor_id" name="content" style="width:700px;height:300px;"> <strong>HTML内容</strong> </textarea>
3、在head标签内添加控件代码
<script charset="utf-8" src="./kindeditor/kindeditor.js"></script> <script charset="utf-8" src="./kindeditor/lang/zh_CN.js"></script> <script> KindEditor.ready(function(K) { window.editor = K.create('#editor_id'); }); </script>