KindEditor js 富文本编辑框

官网地址

http://kindeditor.net/demo.php

 简单使用

首先先copy下来代码

https://github.com/1377093782/kindeditor

然后把全部代码放进自己的项目中 我放在了D:\devlop\phpStudy\PHPTutorial\WWW\mall\static\js 中

如何使用呢 

html 代码

<div class="additem textwrap">
                    <label class="ptop" id="for-content">商品详情</label>
                    <div class="container" style="margin-left: 120px">
                        <textarea id="content" name="content"></textarea>
                    </div>
                </div>

 

<script src="./static/js/kindeditor/kindeditor-all-min.js"></script>
<script src="./static/js/kindeditor/lang/zh_CN.js"></script>
<script>
    var K=KindEditor;
    K.create('#content',{

        width      :"475px",
        height:     "400px",
        minWidth:   "30px",
        minHeight: "50px",
        items:[
            'undo','redo','|',
            'justifyleft','justifycenter','justifyright','clearhtml',
            'fontsize','forecoloer','bold',
            'italic','underline','link','unlink','|'
            ,'fullscreen'

        ],
        afterCreate:function () {
            this.sync();
        },
        afterChange:function () {
            //编辑器失去焦点时直接同步，可以取到值
            this.sync();
        }
    });
</script>