我对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>

请帮忙。谢谢

最佳答案

如果在初始化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%'
    });
});

10-05 20:30
查看更多