php kindeditor使用方法是什么

發(fā)布時(shí)間：2020-09-22 10:17:27 來(lái)源：億速云閱讀：158 作者：小新欄目：編程語(yǔ)言

php kindeditor使用方法是什么？這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過(guò)這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)?lái)的參考內(nèi)容，讓我們一起來(lái)看看吧！

php kindeditor使用方法：首先下載kindeditor并解壓到項(xiàng)目中；然后刪除不需要的文件夾；最后初始化kindeditor富文本編輯器即可。

下載kindeditor
可以選擇去官網(wǎng)下載（http://kindeditor.net/down.php），不過(guò)要翻墻；或者直接CSDNhttp://download.csdn.net/download/dknightl/9813052
下載解壓完放入自己的項(xiàng)目中
在解壓完后可以刪除不需要的文件夾，我是刪除了asp、asp.net、jsp、php，examples可以放到其他地方，用作代碼參考。
初始化kindeditor富文本編輯器

首先先導(dǎo)入下面css和js文件

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

然后初始化（textarea 為富文本編輯器主題，script代碼初始化）

    <textarea id="mul_input" name="content" style="width:700px;height:200px;visibility:hidden;display: block;">KindEditor</textarea> 

    <script>
        //簡(jiǎn)單模式初始化
        var editor;
        KindEditor.ready(function(K) {
            editor = K.create('textarea[name="content"]', {
                resizeType : 1,
                allowPreviewEmoticons : false,
                allowImageUpload : false,
                items : [                    'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',                    'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',                    'insertunorderedlist', '|', 'emoticons', 'image', 'link']
            });
        });    </script>

php kindeditor使用方法是什么

        //默認(rèn)模式        <script>
            var editor;
            KindEditor.ready(function(K) {
                editor = K.create('textarea[name="content"]', {
                    allowFileManager : true
                });
                K('input[name=getHtml]').click(function(e) {
                    alert(editor.html());
                });
                K('input[name=isEmpty]').click(function(e) {
                    alert(editor.isEmpty());
                });
                K('input[name=getText]').click(function(e) {
                    alert(editor.text());
                });
                K('input[name=selectedHtml]').click(function(e) {
                    alert(editor.selectedHtml());
                });
                K('input[name=setHtml]').click(function(e) {
                    editor.html('<h4>Hello KindEditor</h4>');
                });
                K('input[name=setText]').click(function(e) {
                    editor.text('<h4>Hello KindEditor</h4>');
                });
                K('input[name=insertHtml]').click(function(e) {
                    editor.insertHtml('<strong>插入HTML</strong>');
                });
                K('input[name=appendHtml]').click(function(e) {
                    editor.appendHtml('<strong>添加HTML</strong>');
                });
                K('input[name=clear]').click(function(e) {
                    editor.html('');
                });
            });        </script>
    </head>
    <body>
        <h4>默認(rèn)模式</h4>
        <form style="margin: 0;">
            <textarea name="content" style="width:800px;height:400px;visibility:hidden;display: block;">KindEditor</textarea>
            <p>
                <input type="button" name="getHtml" value="取得HTML" />
                <input type="button" name="isEmpty" value="判斷是否為空" />
                <input type="button" name="getText" value="取得文本(包含img,embed)" />
                <input type="button" name="selectedHtml" value="取得選中HTML" />
                <br />
                <br />
                <input type="button" name="setHtml" value="設(shè)置HTML" />
                <input type="button" name="setText" value="設(shè)置文本" />
                <input type="button" name="insertHtml" value="插入HTML" />
                <input type="button" name="appendHtml" value="添加HTML" />
                <input type="button" name="clear" value="清空內(nèi)容" />
                <input type="reset" name="reset" value="Reset" />
            </p>
        </form>
    </body>

php kindeditor使用方法是什么

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)php kindeditor使用方法是什么大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

php kindeditor使用方法是什么

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽