javascript - 无法从 textarea TinyMCE 4 获取 HTML 内容

Question

我在使用 TinyMCE 4 时遇到问题 - 我无法从 textarea 获取 HTML 内容。我正在使用以下代码:

<script type="text/javascript" src="tinymce/tinymce.min.js"></script>
<script>tinymce.init({ selector:'textarea', plugins: "charmap", toolbar: 'bold italic underline fontselect | charmap fontsizeselect alignleft aligncenter alignright', font_formats: 'Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n', fontsize_formats: '7pt 8pt 10pt 12pt 14pt 16pt 18pt 24pt 36pt', menu: 'none', statusbar: false, max_width: '10%' });</script>

    <script>
    $(document).ready(function(){
    $("#fomdpn").keyup(function(){
    var x = $("#fomdpn").tinyMCE().getContent();
    $("isiatas").html(x);
    });
    });
    </script>

    <form action="">
    <textarea name="fomdpn" id="fomdpn" cols="40" rows="5"></textarea>
    </form>
    <div id="isiatas" name="isiatas"></div>

请帮忙。谢谢

Answer 1

如果您在 TinyMCE 初始化后检查页面上的元素，您将看到与您实际尝试在其上注册 keyup 事件的不同的 dom。

相反，在您的 TinyMCE 设置中添加事件处理程序，如下所示。请注意我在您的 init 函数中添加的 setup 的额外使用。我还更改了选择器以匹配您的 dom 元素 ID。

$(document).ready(function() {
    tinymce.init({
        setup: function(editor) {
            editor.on('keyup', function() {
                $('#isiatas').html(editor.getContent());
            });
        },
        selector:'#fomdpn',
        plugins: "charmap",
        toolbar: 'bold italic underline fontselect | charmap fontsizeselect alignleft aligncenter alignright',
        font_formats: 'Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n',
        fontsize_formats: '7pt 8pt 10pt 12pt 14pt 16pt 18pt 24pt 36pt',
        menu: 'none',
        statusbar: false,
        max_width: '10%'
    });
});