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

kindeditor获取html内容之终极大法的更多相关文章

  1. iOS 【终极方案】精准获取webView内容高度，自适应高度

    前言:是这样的,刚写完上一篇文章还没缓过神来,上一篇文章我还提到了,想和大家聊聊原生+H5如何无缝连接的故事.结果我朋友就给我发了两篇他的作品.他的做法也都有独到之处.好的文章都是这样,让你每次看都能 ...

  2. JS中获取元素属性的逆天大法

    给大家聊下js中获取元素属性的逆天大法,胆小慎入,切记切记!!! innerHTML.outerHTML.innerText .outerText.value.text().html(),val() ...

  3. appium如何获取conten-desc内容文本

    如何获取conten-desc内容文本 定位到该元素,通过getAttribute("name");来获取内容如:媒体报道 总结: 思路和selenium一样,可以理解为获取它的v ...

  4. PHP curl获取页面内容，不直接输出到页面，CURLOPT_RETURNTRANSFER参数设置

    使用PHP curl获取页面内容或提交数据,有时候希望返回的内容作为变量储存,而不是直接输出.这个时候就必需设置curl的或true. 1.curl获取页面内容, 直接输出例子: <?php $ ...

  5. PHP模拟POST请求，获取response内容

    /* * 模拟POST请求,获取response内容 */ protected function curl($url, $type, $header, $data) { $CURL_OPTS = ar ...

  6. jquery获取标签内容，编辑内容

    一.获取页面元素 三种方式获取页面中元素的内容. input标签使用:.val()获取 标签下的html及文本内容:.html() 仅获取标签下的纯文本内容:.text() <head> ...

  7. Asp.net正则获取html内容

    1.获取div内容 string str = "tt<u>ss</u><div id=\"test\"><div>< ...

  8. C# 正则获取html内容

    1.获取div内容 string str = "tt<u>ss</u><div id=\"test\"><div>< ...

  9. 从html字符串中获取div内容---jquery

    思考的问题: 怎么在一个网页的div中嵌套另外的网页(不使用inclue,iframe和frame,不使用他们的原因,include只能嵌套静态网页,iframe对网络爬虫影响,frame嵌套网页无法 ...

随机推荐

  1. 5-2 SpringCloud | 微服务

    服务器端项目演进 服务器初期状态 最早的服务器就是安装部署了一些静态页面 功能非常单一,只能做信息的呈现和输出 服务器动态页面 后来因为业务和技术的发展,页面连接了数据库,页面中大部分数据来自于数据库 ...

  2. git fetch和git pull对比

    情景重现 你:面试官您好,我是xxx,毕业于xxx学校,工作xxx年,精通各种git命令. 面试官:您好您好,我问个常见的问题考察一下您的技术水平哈.请问,git pull和git fetch有什么区 ...

  3. flush方法和close方法的区别和字符输出流写数据的其他方法和字符输出流的续写和换行

    flush方法和close方法的区别 flush:刷新缓冲区,流对象可以继续使用 close:先刷新缓冲区,然后通知系统释放资源.刘对象不可以再被使用了. public class demo02 { ...

  4. centos 8及以上安装mysql 8.0

    本文适用于centos 8及以上安装mysql 8.0,整体耗时20分钟内,不需要FQ 1.环境先搞好 systemctl stop firewalld //关闭防火墙 systemctl disab ...

  5. AlexNet—论文分析及复现

    AlexNet卷积神经网络是由Alex Krizhevsky等人在2012年的ImagNet图像识别大赛获得冠军的一个卷积神经网络,该网络放到现在相对简单,但也是深度学习不错的卷积神经网络.论文:&l ...

  6. Vue3：不常用的Composition API && Fragment、Teleport、Suspense && 与Vue2对比的一些变化

    1 # 一.Vue3不常用的Composition API 2 # 1.shallowReactive与shallowRef 3 .shallowReactive: 只处理对象最外层属性的响应式(浅响 ...

  7. devops-2：Jenkins的使用及Pipeline语法讲解

    DevOps-Jenkins Jenkins简介 Jenkins是一个开源软件项目,是基于Java开发的一种持续集成工具,用于监控持续重复的工作,旨在提供一个开放易用的软件平台,使软件项目可以进行持续 ...

  8. 密码学系列之:PEM和PKCS7,PKCS8,PKCS12

    目录 简介 PEM PKCS7 PKCS8 PKCS12 总结 简介 PEM是一种常见的保存key或者证书的格式,PEM格式的文件一般来说后缀是以.pem结尾的.那么PEM到底是什么呢?它和常用的证书 ...

  9. CMAKE编译时如何自动下载第三方库并解压、安装到指定目录

    GreatSQL社区原创内容未经授权不得随意使用,转载请联系小编并注明来源. 导语 在日常开发过程中难免会使用到第三方库或者需要将部分库分离另外存储,如果将库与代码放在一起难免会造成工程庞大,此时就可 ...

  10. RocketMQ 详解系列

    什么是RocketMQ RocketMQ作为一款纯java.分布式.队列模型的开源消息中间件,支持事务消息.顺序消息.批量消息.定时消息.消息回溯等.主要功能是异步解耦和流量削峰:. 常见的MQ主要有 ...