如何将iframe的格式化html转换为纯文本?

时间:2019-01-24 02:58:04

标签: html iframe formatted-text

我创建了一个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框中,但我希望一次性完成。

预先感谢

1 个答案:

答案 0 :(得分:1)

尝试一下var text = editor.body.innerText || editor.body.textContent;

根据此答案https://stackoverflow.com/a/6743966/2668119