• 专注于网站建设,网络推广,关键词优化,SEO优化,专业的网站建设开发团队!
首页 > IT技术 > PHP > 内容

KindEditor在ThinkPHP上的使用方法

2015-06-11 22:20:00   来源:叶景网络

KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,且兼容主流浏览器。与ueditor这样的大块头相比,KindEditor的优点是不言而喻的--它体积小,加载速度快,功能也十分丰富。下面是KindEditor在thinkphp模板上的使用方法。
    kindeditor版本:kindeditor-4.1.1
    kindeditor的位置:根目录\Public\kindeditor
    kindeditor在线编辑器的使用方法
    在需要使用编辑器的模板上引入kindeditor-min.js、zh_CN.js文件及运行相应的代码
    <script charset="UTF-8" src="/Public/kindeditor/kindeditor-min.js"></script> 
<script charset="UTF-8" src="/Public/kindeditor/lang/zh_CN.js"></script> 
<script> 
    var editor; 
    KindEditor.ready(function(K) { 
    editor = K.create('textarea[name="content"]', { 
                    allowFileManager : true 
                }); 
            }); 
</script> 
<tr> 
     <td width="50" align="center">内容:</td> 
     <td align="left"> 
      <textarea name="content" id="content"  style="width:800px;height:250px;visibility:hidden;" class="required"></textarea> 
     </td>  
 </tr>
    kindeditor独立文件上传功的使用方法
     在需要使用编辑器的模板上引入default.css、kindeditor-min.js和zh_CN.js文件及运行相应的代码
    <link rel="stylesheet" href="/Public/kindeditor/themes/default/default.css" />     
 <script charset="UTF-8" src="/Public/kindeditor/kindeditor-min.js"></script> 
<script charset="UTF-8" src="/Public/kindeditor/lang/zh_CN.js"></script> 
<script> 
            KindEditor.ready(function(K) { 
                var editor = K.editor({ 
                    allowFileManager : true 
                }); 
                K('#image').click(function() { 
                    editor.loadPlugin('image', function() { 
                        editor.plugin.imageDialog({ 
                            imageUrl : K('#thumb').val(), 
                            clickFn : function(url, title, width, height, border, align) { 
                                K('#thumb').val(url); 
                                editor.hideDialog(); 
                            } 
                        }); 
                    }); 
                }); 
            }); 
</script>    
 <tr> 
            <td width="50" align="center">缩略图:</td> 
            <td align="left"> 
           <input type="text" name="thumb" id="thumb" value="" size="50"/>  &nbsp;<input type="button" id="image" value="上传图片" /> 
            </td>  
 </tr>

叶景网络,网络推广,网站建设
特别推荐RECOMMEND
搜索引擎网站关键词seo优化的意义
视频推广怎么做
网站seo优化怎么做关键词排上首页?
SEO介绍什么叫搜索引擎网站关键词优化
seo优化怎样做提升关键词排名
热点图文Hot
PHP通过soap调用.net接口asmx文件 PHP通过soap调用.ne
PHP开发环境配置 PHP开发环境配置
wamp集成环境的虚拟域名配置方法 wamp集成环境的虚拟
wamp独立安装配置 wamp独立安装配置
关注排行RANKING
1

PHP通过soap调用.net接口asmx文件

PHP通过soap调用.net接口asmx文件 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网...

2

PHP开发环境配置

PHP开发环境配置 下载PHP安装程序,并解压缩。(下载页面为http: www php net downloads php,下...

3

wamp集成环境的虚拟域名配置方法

wamp集成环境的虚拟域名配置方法 最近,发现身边很多人用wamp集成环境,这个虽然比较快捷,一步到位,但是只能访...

4

wamp独立安装配置

wamp独立安装配置 apache 中的 httpd conf LoadModule php5_module "D: lamp php5 php5apache2_2 dll " 加载模块并开启

5

php 获取今天明天昨天时间戳

php 获取今天明天昨天时间戳 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网...

6

PHP获取服务器信息 MySql版本和浏览器信息

PHP获取服务器信息 MySql版本和浏览器信息 1、$_SESSION[ PHP_SELF ] -- 获取当前正在执行脚本的文件名 2...

7

smarty 截取字符串函数 truncate的用法

smarty 截取字符串函数 truncate的用法 smarty truncate 截取字符串,从字符串开始处截取某长度的字符,默认的长度为8...

8

php编程常用函数方法等

php编程常用函数方法等 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网站...

9

如何让ThinkPHP的模板引擎达到最佳效率

如何让ThinkPHP的模板引擎达到最佳效率 默认情况下ThinkPHP框架系统默认使用的模板引擎是内置模板引擎。内置模板引擎支持模板文...