前端——kindEditor的简单使用

到网上下载kindEditor 解压后把kindeditor整个文件夹拷贝到工程的Public(放置js、css、images)里面
在要使用的地方加入代码

<textarea id="content" name="content" style="height: 200px;"></textarea>
<script>
                var editor;
                KindEditor.ready(function(K) {
                    editor = K.create('#content', {
                        resizeType : 1,
                        uploadJson: "/wwhoutai/upload/image",
                        extraFileUploadParams: {
                            "folder": "product_detail",
                        },
                        formatUploadUrl: false,
                        allowImageRemote: false,
                        allowPreviewEmoticons : false,
                        allowImageUpload : true,
                        themeType : 'simple',
                        filePostName: 'image',
                        items : [
                            'fontname', 'fontsize', '|', 'undo', 'redo', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
                            'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
                            'insertunorderedlist', '|', 'emoticons', 'image', 'link','|', 'preview', 'print', '|',
                            'fullscreen', '|'],
                        pasteType : 1,
                    });
                });

            </script>

在页面中连接入css、js文件

    <script charset="utf-8" src="__PUBLIC__/kindeditor/kindeditor-all-min.js"></script>
    <script charset="utf-8" src="__PUBLIC__/kindeditor/lang/zh_CN.js"></script>
    <script charset="utf-8" src="__PUBLIC__/kindeditor/plugins/code/prettify.js"></script>
    <link rel="stylesheet" href="__PUBLIC__/kindeditor/themes/default/default.css" />
    <link rel="stylesheet" href="__PUBLIC__/kindeditor/plugins/code/prettify.css" />

PUBLIC在配置文件中config.php中配置

'TMPL_PARSE_STRING' => array('__PUBLIC__'   =>  __ROOT__.'/Application/Admin/Public'),

打开页面就可以看到编辑器了