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. poj1001 Exponentiation

    Description Problems involving the computation of exact values of very large magnitude and precision ...

  2. node-sqlserver ：微软发布的 SQL Server 的 Node.js 驱动

    node-sqlserver 是微软官方发布的 SQL Server 的 Node.js 的驱动程序.可允许 Windows 上运行的 Node.js 程序访问 SQL Server 和 Window ...

  3. Apache Spark GraphX的体系结构

    1. 整体架构 GraphX 的整体架构(如图 1所示)可以分为三部分. 图 1  GraphX 架构 存储和原语层: Graph 类是图计算的核心类.内部含有 VertexRDD. EdgeRDD ...

  4. 问题-FireDAC连接Sqlite3提示“unable to open database file”

    相关资料:http://www.dfwlt.com/forum.php?mod=viewthread&tid=1497&extra= 问题现象:FireDAC连接Sqlite3在开发电 ...

  5. 【Android】Handler的应用（三）：从服务器端分页加载更新ListView

    在前面两节中,我们了解了如何从服务器中加载JSON数据. 现在,我们将把服务器中的JSON数据加载更新到ListView. 并且,结合之前博文的  “动态追加分页ListView数据”的相关知识,实现 ...

  6. Egret的VS环境搭配

    安装配置 首先我们需要安装VS,这里我安装的是2013的版本,然后我们需要去Egret的官网下载Egret Engine.Egret Wing及Egret VS并进行安装,同时下载Google Chr ...

  7. Centos7安装Docker Engine

    一.先决条件 首选需要一个64位操作系统和3.10或者更版本的内核. 查看当前内核版本: $ uname -r -.el7.x86_64 二.yum安装Docker Engine 安装Docker E ...

  8. Java中throws和throw的区别讲解

    当然,你需要明白异常在Java中式以一个对象来看待.并且所有系统定义的编译和运行异常都可以由系统自动抛出,称为标准异常,但是一般情况下Java 强烈地要求应用程序进行完整的异常处理,给用户友好的提示, ...

  9. Codeforces Gym 100425D D - Toll Road 找规律

    D - Toll RoadTime Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://acm.hust.edu.cn/vjudge/contest/view ...

  10. POJ 3261 Milk Patterns 可重复k次的最长重复子串

    Milk PatternsTime Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://poj.org/problem?id=3261 Description ...