时间戳

首页 > 解决方案 > 如何将 iframe 的格式化 html 获取/转换为纯文本？

html - 如何将 iframe 的格式化 html 获取/转换为纯文本？

问题描述

我创建了一个 iframe，我可以在其中发布格式化文本（例如来自 Word 文档）并将其作为 html 接收。是否也可以接收未格式化的版本（没有 html 标签），例如在将格式化文本复制到文本区域时创建的？

我用于记录格式化文本的 html 的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <script>
        window.addEventListener("load", function () {
            var editor = theWYSIWYG.document;
            editor.designMode = 'on';
            action.addEventListener('click', function() {
                var formattedHTML = editor.body.innerHTML
                console.log(formattedHTML);
            }, false)
        }, false)
    </script>
</head>
<body>
    <div id="textEditor">
        <button id="action" title="Bold"><b>Click me</b></button>
        <div id="richTextArea"></div>
            <iframe id="theWYSIWYG" name="theWYSIWYG" frameborder="0"></iframe>
    </div>
</body>
</html>

从技术上讲，我可以要求用户也将格式化的文本粘贴到单独的 textarea 框中，但我更愿意一次性完成。

提前致谢

标签： htmliframeformatted-text

解决方案

尝试这个var text = editor.body.innerText || editor.body.textContent;

取自这个答案https://stackoverflow.com/a/6743966/2668119

推荐阅读