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设置中添加事件处理程序，如下所示。请注意，在setup功能中添加了init我已额外使用的内容。我还更改了选择器以匹配您的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%'
    });
});

无法从textarea获取HTML内容TinyMCE 4

1 个答案: