Thinkphp 使用kindeditor全攻略

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 type="text/javascript">
$(function(){
    var editor;
    KindEditor.ready(function(K) {
            editor = K.create('textarea[name="content"]', {
                    allowFileManager : true,
                    autoHeightMode : true,
                    afterCreate : function() {
                            this.loadPlugin('autoheight');
                    },
                    afterUpload : function(url) {
                            var firstimageoption = '<option value="' + url + '">' + url + '</option>';
                            var selectoption = '<option value="' + url + '" selected="selected">' + url + '</option>';
                            $("#firstimage").append(firstimageoption);
                            $("#images").append(selectoption);
                    }
            });
});
});

</script>

前端

<textarea name="content" style="width:800px;height:400px;"></textarea>

ps：在前端直接输出html代码，所以在输出前需要转换

   /**
    * editor转换输出
    *
    * @access  public
    * @param    $str   输入信息
    *
    * @return $str
    */
    function changeContent($str){
      $str= htmlspecialchars_decode($str);
      return $str;
   }