Question

我使用简短的Jquery脚本来实时预览几个输入字段。现在使用TinyMCE，我无法获得tinyMCE的值以将其插入到div中。我找到了另一个帖子Get value of tinymce textarea with jquery selector，但我真的不知道如何在我的代码上使用这个tipps。我是jQuery的初学者，非常感谢每一个帮助。

JS Fiddle

$(document).ready(function() {
    updatePreview();
    $('#live-preview-form input, #live-preview-form textarea').bind('blur keyup',updatePreview);
});

function updatePreview(){
    var tinymce = $('#lp-message');
    tinymce.html($('#message').val());
}

Answer 1

抱歉，您的代码中存在很多错误。：/

这是javascript部分下您需要的唯一代码。

tinymce.init({
    selector: "textarea",
    setup : function(ed) {
        ed.on("keyup", function(){
            $('#lp-message').html(tinymce.activeEditor.getContent());
        });
   }
});

这是你的HTML代码：

<div id="live-preview-form">
    <textarea id="message">Easy! You should check out MoxifvdfvdfvfdveManager!</textarea></div>
<div id="lp-message"></div>

正如您所见，您必须使用tinymce API从编辑器中获取内容。和＆＃34; keyup＆＃34;事件应该在编辑器上使用而不是在＆＃34; textarea＆＃34;。

我希望我能帮到你。：）

使用TinyMCE实时预览（TinyMCE的价值）

1 个答案: