首页 > Web开发 > 详细

kindeditor获取html内容之终极大法

时间:2019-12-26 02:38:22      阅读:103      评论:0      收藏:0      [点我收藏+]

请允许我哔哔两句,真是难受啊,有问题去百度,结果百了一堆乱七八糟的内容,有头没尾,有尾没头的,搞得我晕头转向,现在把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

kindeditor获取html内容之终极大法

原文:https://www.cnblogs.com/xfstu/p/12099710.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!