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

    1. SpringMVC 概述 1) Spring 为展现层提供的基于 MVC 设计理念的优秀的 Web 框架,是目前最主流的MVC 框架之一 .MVC,M:model,模型层,指的是项目中的实体Ja ...

  2. idea201903License

    License name: https://zhile.io Activation code: 3AGXEJXFK9-eyJsaWNlbnNlSWQiOiIzQUdYRUpYRks5IiwibGljZ ...

  3. 字符串运算符&&三元运算符

    public class Demo01 { public static void main(String[] args) { //字符串连接符 + String int a=20; int b=10; ...

  4. 控制台字体怎么改为console？

    windows控制台窗口在中文版下没有console字体,如果要使用console的话就必须先将窗口转换为英文版. 1.win+R进入运行窗口,然后cmd进入命令窗口 2.在命令行窗口输入 chcp ...

  5. 【新人福利】使用CSDN 官方插件，赠永久免站内广告特权 ＞＞电脑端访问：https://t.csdnimg.cn/PVqS

    [新人福利]使用CSDN 官方插件,赠永久免站内广告特权 >>电脑端访问:CSDN开发助手 [新人福利]使用CSDN 官方插件,赠永久免站内广告特权 >>电脑端访问:https ...

  6. 安卓系统使用USB转串口

    概述 安卓系统支持多种 USB 外围设备,提供两种模式来支持实现 USB 外设接入系统:USB 配件模式和 USB 主机模式. 在 USB 配件模式下,接入的 USB 设备充当 USB 主机,并为 U ...

  7. 2022-07-25 第四组 java之抽象、接口

    目录 一.抽象类 1.概念 2.抽象类以及抽象方法格式定义 3.抽象类总结规定 二.接口 1.什么是接口 2.接口的定义 3.接口特性 4.抽象类和接口的区别 5.继承抽象类和实现接口的异同 6.规则 ...

  8. vue中axios配置代理的俩种方式及优缺点

    概述:Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中 当我们使用vue向服务器发送AJAX请求时,我们会遇到跨域问题,一般跨域的解决方案有俩种,一种是官 ...

  9. 彻底弄懂JS中的this

    首先,用一句话解释this,就是:指向执行当前函数的对象. 当前执行,理解一下,也就是说this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定.this到底指向谁?this的最终指向的 ...

  10. Luogu2580 于是他错误的点名开始了 （Trie树）

    复习\(Trie\),忘了用\(val[]\)表示每个节点权值,用\(vis[]\)水过了 #include <iostream> #include <cstdio> #inc ...