ThinkPHP第二十九天(Kindeditor编辑器使用)

1、Kindeditor编辑器使用方法

     第一步：引入文件

     <js file="__PUBLIC__/Js/kind/kindeditor-all-min.js" />
     <js file="__PUBLIC__/Js/kind/lang/zh_CN.js" />
     <cs file="__PUBLIC__/Js/kind/themes/default/default.css" />

    第二步：创建编辑器容体

<textarea id="mycontent" name="mycontent"></textarea>

    第三步：创建JS代码

KindEditor.ready(function(K){
                //题目富文本框
                window.editor = K.create('#mycontent',{
                    width:'700px',
                    uploadJson:"{:U(GROUP_NAME.'/Timu/upload')}",
                    allowFileManager : true,//远程管理文件
                    allowImageRemote : false,//远程图片添加
                    formatUploadUrl:false,//不自动替换返回图片url地址 需要url重写支持 隐藏index.php
                });

    注意：Kindeditor可以与Jquery结合使用，结合使用Jquery的选择器。

    另：单独调用上传图片的方式。这里面就结合了JQuery进行使用。用JQuery选择器选择元素。

$('input[add=upload]').live('click',function(){
                   
                    var imgurl = $(this).prev();
                       
                             editor.loadPlugin('image', function() {
                                  editor.plugin.imageDialog({
                                       //imageUrl : $('this').prev('').val(),
                                       clickFn : function(url, title, width, height, border, align) {
                                            imgurl.val(url);
                                            editor.hideDialog();
                                       }
                                  });
                             });
                });

2、JQuery中live用法。

使用Jquery动态生成的元素，不能采用一般选择器方式选中，要使用live方法才能使用，如上面代码所示。

$('sector').live('action',function(){code.....});