kindeditor獲取html內容之終極大法

本文轉載自查看原文 2019-12-25 23:39 1490 經驗分享

請允許我嗶嗶兩句，真是難受啊，有問題去百度，結果百了一堆亂七八糟的內容，有頭沒尾，有尾沒頭的，搞得我暈頭轉向，現在把kindeditor獲取HTML的終極打法無償分享出來，這可是我配置查找了一下午的成果。先把代碼貼出來，文件引入看自己的文件位置。

    <script>
        KindEditor.ready(function(K) {
　　　　　　　//大概是初始化的意思吧
            editor = K.create('textarea[name="content1"]', {
                uploadJson: 'upload_json.php',
                fileManagerJson: 'file_manager_json.php',
                allowFileManager: true,
                afterCreate: function() {
                    var self = this;
                    K.ctrl(document, 13, function() {
                        self.sync();
                        K('form[name=example]')[0].submit();
                    });
                    K.ctrl(self.edit.doc, 13, function() {
                        self.sync();
                        K('form[name=example]')[0].submit();
                    });
                }
            });
            prettyPrint();
        });
    </script>

    <script>
        function btn() {
　　　　　　點擊時獲取獲取html
            editor.sync();
            html = document.getElementById('con').value; //原生API
            console.log(html);
         
        }
    </script>

這是主要的javascript。現在也把完整的代碼放出來，如果幫到你，記得留下個腳印

<?php
$htmlData = '';
if (!empty($_POST['content1'])) {
    if (get_magic_quotes_gpc()) {
        $htmlData = stripslashes($_POST['content1']);
    } else {
        $htmlData = htmlspecialchars($_POST['content1']);
    }
}
?>
<!doctype html>
<html>

<head>
    <meta charset="utf-8" />
    <title>KindEditor PHP</title>
    <link rel="stylesheet" href="../themes/default/default.css" />
    <link rel="stylesheet" href="../plugins/code/prettify.css" />
    <script src="../kindeditor-all-min.js"></script>
    <script src="../lang/zh-CN.js"></script>
    <script src="../plugins/code/prettify.js"></script>
    <script>
        KindEditor.ready(function(K) {
            editor = K.create('textarea[name="content1"]', {
                uploadJson: 'upload_json.php',
                fileManagerJson: 'file_manager_json.php',
                allowFileManager: true,
                afterCreate: function() {
                    var self = this;
                    K.ctrl(document, 13, function() {
                        self.sync();
                        K('form[name=example]')[0].submit();
                    });
                    K.ctrl(self.edit.doc, 13, function() {
                        self.sync();
                        K('form[name=example]')[0].submit();
                    });
                }
            });
            prettyPrint();
        });
    </script>

    <script>
        function btn() {
            editor.sync();
            html = document.getElementById('con').value; //原生API
            console.log(html);
        }
    </script>
</head>

<body>
    <?php echo $htmlData; ?>
    <form name="example" method="post" action="demo.php">
        <textarea id="con" name="content1" style="width:700px;height:200px;visibility:hidden;"><?php echo htmlspecialchars($htmlData); ?></textarea>
        <br />
        <input type="submit" name="button" value="提交內容" /> (提交快捷鍵: Ctrl + Enter)
    </form>
    <button onclick="btn()">獲取html？</button>
</body>

</html>

View Code

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 KindEditor：Ajax提交表單時獲取不到HTML內容 js如何獲取kindeditor的值 KindEditor 完全復制word內容 CWebBrowser2獲取html的內容處理html內容，獲取純文本 java根據URL獲取HTML內容 Python獲取html頁內容 kindeditor編輯器修改文本后保存時發現獲取到的內容還是修改前的文本內容 KindEditor編輯和div顯示HTML js遍歷終極大法--再也不用苦逼的for循環了