admin Html编辑器KindEditor富文本编辑器
复杂，也比百度ueditor流畅，所以我推荐使用KindEditor，而且文档详细。
KindEditor 是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，
开发人员可以用 KindEditor 把传统的文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写，可以无缝地与 Java、.NET、PHP、ASP 等程序集成，下载
的文件里面包含后台服务器端程序。
主要特点：
1.快速：体积小，加载速度快2.开源：开放源代码，高水平，高品质 3.底层：内置自定义 DOM 类库，精确操作 DOM 4.扩展：基于插件的设计，所有功能都是插件，可根据需求增减功能 5.风格：修改编辑器风格非常容易，只需修改一个 CSS 文件 6.兼容：支持大部分主流浏览器，比如 IE、Firefox、Safari、Chrome、Opera
如何使用（PHP版）：
1.下载文件
2.加载文件和调用函数
<link rel="stylesheet" href="../themes/default/default.css" /><link rel="stylesheet" href="../plugins/code/prettify.css" /><script charset="utf-8" src="../kindeditor.js"></script><script charset="utf-8" src="../lang/zh_CN.js"></script><script charset="utf-8" src="../plugins/code/prettify.js"></script><script>KindEditor.ready(function(K) {var editor1 = K.create('textarea[name="content1"]', {cssPath : '../plugins/code/prettify.css',uploadJson : '../php/upload_json.php',fileManagerJson : '../php/file_manager_json.php',allowFileManager : true,afterCreate : function() {var self = this;K.ctrl(document, 13, function() {self.sync();K('form[name=example]')[0].submit();});K.ctrl(self.edit.doc, 13, function() {self.sync();K('form[name=example]')[0].submit();});}});prettyPrint();});</script>
3.HTML内容
<body><?php echo $htmlData; ?><form name="example" method="post" action="demo.php"><textarea name="content1" style="width:700px;height:200px;visibility:hidden;"><?php echo htmlspecialchars($htmlData); ?></textarea><br /><input type="submit" name="button" value="提交内容" /> (提交快捷键: Ctrl + Enter)</form></body></html>4.PHP代码
<?php$htmlData = '';if (!empty($_POST['content1'])) {if (get_magic_quotes_gpc()) {$htmlData = stripslashes($_POST['content1']);} else {$htmlData = $_POST['content1'];}}?>
具体使用请下载，里面已经包含后台服务程序。 
0条评论