KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，兼容IE、Firefox、Chrome、 Safari、Opera等主流浏览器。KindEditor使用JavaScript编写，可以无缝的于Java、.NET、PHP、ASP等程序接 合。 KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用，2006年7月首次发布2.0以 来，KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率，目前在国内已经成为最受欢迎的编辑器之一。

听说是国产的支持一下，还挺好用的就是。

 <html>

 <head>

     <meta charset="utf-8" />

     <title>Use KindEditor For PHP</title>

     <link rel="stylesheet" href="../themes/default/default.css" />

     <link rel="stylesheet" href="../plugins/code/prettify.css" />

     <script charset="utf-8" src="../kindeditor-min.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();

         });

         KindEditor.ready(function(K) {

                 var editor = K.editor({

                     allowFileManager : true

                 });

                 K('#image1').click(function() {

                     editor.loadPlugin('image', function() {

                         editor.plugin.imageDialog({

                             imageUrl : K('#url1').val(),

                             clickFn : function(url, title, width, height, border, align) {

                                 K('#url1').val(url);

                                 editor.hideDialog();

                             }

                         });

                     });

                 });

             });

     </script>

 </head>

 <body>

     <form name="example" method="post" action="savegoods.php">

         <p>标题：<input type="text" name="title" id="title" value="title" /></p>

         <p>类别： <select name="kinds"><option value="xian" selected>鲜奶 <option value="suan">酸奶 </select></p>

         <p>封面图片：<input type="text" name="url1" id="url1" value="" /> <input type="button" id="image1" value="选择图片" />（网络图片 + 本地上传）</p>

         <p>封面描述：<input type="text" name="description" id="description" value="description" /></p>

         <p>内容：</p>

         <textarea name="content1" style="width:700px;height:200px;visibility:hidden;">s</textarea>

         <br />

         <input type="submit" name="button" value="提交内容" /> (提交快捷键: Ctrl + Enter)

     </form>

 </body>

 </html>

Use KindEditor For PHP

 <?php

     header("Content-type: text/html; charset=utf-8");

     $htmlData = '';

     if (!empty($_POST['content1'])) {

         if (get_magic_quotes_gpc()) {

             $htmlData = stripslashes($_POST['content1']);

         } else {

             $htmlData = $_POST['content1'];

         }

         if(!empty($_POST['url1']))

         echo "My_URL:".$_POST['url1']."</br>";

         if(!empty($_POST['kinds']))

         echo "My_Value:".$_POST['kinds']."</br>";

         echo "My_Content:".$htmlData;

     }

 ?>

savegoods.php

另外收得一个加解密类

 <?php

 function keyED($txt,$encrypt_key)

 {

 $encrypt_key = md5($encrypt_key);

 $ctr=0;

 $tmp = "";

 for ($i=0;$i<strlen($txt);$i++)

 {

 if ($ctr==strlen($encrypt_key)) $ctr=0;

 $tmp.= substr($txt,$i,1) ^ substr($encrypt_key,$ctr,1);

 $ctr++;

 }

 return $tmp;

 }

 //加密码函数

 function encrypt($txt,$key)

 {

 //srand((double)microtime()*1000000);

 $encrypt_key = md5(rand(0,320000000));

 $ctr=0;

 $tmp = "";

 for ($i=0;$i<strlen($txt);$i++)

 {

 if ($ctr==strlen($encrypt_key)) $ctr=0;

 $tmp.= substr($encrypt_key,$ctr,1) .

 (substr($txt,$i,1) ^ substr($encrypt_key,$ctr,1));

 $ctr++;

 }

 return keyED($tmp,$key);

 }

 //解密函数

 function decrypt($txt,$key)

 {

 $txt = keyED($txt,$key);

 $tmp = "";

 for ($i=0;$i<strlen($txt);$i++)

 {

 $md5 = substr($txt,$i,1);

 $i++;

 $tmp.= (substr($txt,$i,1) ^ $md5);

 }

 return $tmp;

 }

 $string = "123456";

 //$string = "各位这是我做的加密码文件哦.";

 // 开始加密 encrypt $string, and store it in $enc_text

 $enc_text = encrypt($string,$key);

 // 开始解密 decrypt the encrypted text $enc_text, and store it in $dec_text

 $dec_text = decrypt($enc_text,$key);

 print "原始字符串 : $string <Br>\n";

 print "加密后字串 : $enc_text <Br>\n";

 print "解密后字串 : $dec_text <Br>\n";

 ?>

ED code

savegoods.php 显示~

KindEditor 下载地址：http://kindeditor.net/index.php

PHP中使用kindeditor的更多相关文章

  1. 在DWZ框架中整合kindeditor复文本框控件

    今天上午在DWZ框架中整合kindeditor复文本框控件,发现上传图片是老是提示 “上传中,请稍候...”,上网查看别人说可能是文件路径问题,在想以前在其他项目中用这个控件一直没问题,到这里怎么会出 ...

  2. springboot中使用kindeditor富文本编辑器实现博客功能

    kindeditor在之前已经用过,现在在springboot项目中使用.并且也在里面使用了图片上传以及回显等功能. 其实主要的功能是图片的处理:kindeditor对输入的内容会作为html标签处理 ...

  3. EasyUI在window中使用kindeditor 4.1.10在IE9中不能回显、获得焦点编辑的问题

    描述 :kindeditor4.1.10版本是当前最新的版本,在浏览器兼容性和功能方面都是值得一赞的,在开发中能方便快捷的满足一些开发需求. 问题 :  问题总是有的.  在使用过程中,遇到EasyU ...

  4. 在MVC3中修改KindEditor实现图片删除

    编辑器KindEditor可以上传图片,但却不能删除图片,因此我们通过修改一些文件,对KindEditor进行扩展,使得KindEditor能删除服务器上的图片. 主要方法就是:在图片空间中浏览图片, ...

  5. 在 ASP.NET MVC 3 中应用 KindEditor

    http://www.cnblogs.com/weicong/archive/2012/03/31/2427608.html 第一步 将 KindEditor 的源文件添加到项目中,建议放到 /Scr ...

  6. django的admin或者应用中使用KindEditor富文本编辑器

    由于django后台管理没有富文本编辑器,看着好丑,展示出来的页面不美观,无法做到所见即所得的编辑方式,所以我们需要引入第三方富文本编辑器. 之前找了好多文档已经博客才把这个功能做出来,有些博客虽然写 ...

  7. 关于web程序中使用KindEditor向数据库插入带有格式的数据时出现的问题

    最近做一个项目,需要对输入的文字在存入数据库之前进行文本格式编辑,于是我用到了KindEditor,当然怎么用在asp.net页面中,这里就不过多叙述了. 主要是遇到在将赋予格式的文本插入数据库时遇到 ...

  8. 在ASP.NET中使用KindEditor富文本编辑器

    以前一直用百度的UEditor.这次客户提了一个需求要在编辑器中插入Flash动画,但是不知道怎么用UEditor实现,于是选用了KindEditor. 更重要的一点是,客户的网站使用Framewor ...

  9. 在.net core的web项目中使用kindeditor

    本项目是一个.net core的mvc项目 1.下载kindeditor 4.1.11 解压后将文件夹置于 wwwroot目录下,如图: 2.在HomeController的Index控制器对应的in ...

  10. django项目中使用KindEditor富文本编辑器。

    先从官网下载插件,放在static文件下 前端引入 <script type="text/javascript" src="/static/back/kindedi ...

随机推荐

  1. CentOS 7 最小化安装之后安装Mysql

    启动网卡 验证网络管理器和网卡接口状态 # systemctl status NetworkManager.service # nmcli dev status 修改网卡配置文件 通过上一步可以看到有 ...

  2. 引擎 innodb 与 myisam 的区别

    使用innodb引擎 , 查询800万数据的统计: 将innodb 引擎 改成 MyISAM引擎: alter table test_count engine = MyISAM;

  3. 实现 Web 后端和客户端之间的分布式和认证通讯

    stack.io 是一个用于实现 Web 后端和客户端之间的分布式和认证通讯. 服务器端进程之间的通讯是非常高效的,因为没有中间的代理.而来自客户端的请求通过 socket.io 进入 Node.js ...

  4. Android“This Handler class should be static or leaks might occur”警告的处理方法

    此文属于转载! 最近用到handle在线程中改变UI,会跟给出“This Handler class should be static or leaks might occur”的警告,网上看了很多解 ...

  5. ColorNote.疑难解答

    首先感谢你对colornote的支持 在使用此应用的过程中,存在任何问题,请先在此页面查看是否有对应的解决方案[Ctrl + F 搜索] 如果问题无法解决,请在页面下方留言,或者邮件light.z@q ...

  6. 用JS查看修改CSS样式（cssText,attribute('style'),currentStyle,getComputedStyle）

    CSS样式定义方法 大家都知道,在为HTML设置样式的时候,通常有三种方法:内联样式,内部样式表,外部样式表. 1.内联样式: 内联样式表就是在HTML元素中的行内直接添加style属性. <d ...

  7. （转）关于CoreData的一个工具Mogenerator的使用

    最近看到用CoreData时使用的工具Mogenerator,发现网上介绍其具体使用的不多,特此简单整理一下,关于CoreData这里就不具体说了,使用就用MagicalRecord,用起来真是太方便 ...

  8. hdu2248

    纷菲幻剑录 之 十年一剑 Time Limit: 10000/4000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) To ...

  9. 集合引入(ArrayList、LinkedList)

    1.引入 代替数组固定大小操作不变 2.ArrayList 常用的操作(add,remove) 3.LinkedList 能实现一些特殊的操作(pop)

  10. C#自定义控件的开发：Pin和Connector

    C#自定义控件的开发:Pin和Connector 2009-08-03 14:46 wonsoft hi.baidu 我要评论(0) 字号:T | T 本文介绍了如何使用智能设备扩展C#自定义控件. ...