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删除。

猜您在找 js如何获取kindeditor的值 uniapp终极查bug大法-无私分享 xpath获取标签对本身含内容, 获取html内容如何获取一个 html 标签的内容，包括自身 iOS-tableview【终极方案】精准获取webView内容高度，自适应高度 000354 js获取整个HTML网页的内容,包括在线HTML编辑器KindEditor 富文本怎么只获取文字内容去除html标签 jquery获取

之间的内容.text() 和 .html()区别从html字符串中获取div内容---jquery