Javascript 将文本从div传递到文本编辑器TinyMCE并传回div
HTML从下面的div加载文本,并在弹出模块中使用TinyMCE编辑器进行编辑,并在单击保存按钮后更新文本。我尝试了下面的代码,但没有成功Javascript 将文本从div传递到文本编辑器TinyMCE并传回div,javascript,jquery,tinymce,Javascript,Jquery,Tinymce,HTML从下面的div加载文本,并在弹出模块中使用TinyMCE编辑器进行编辑,并在单击保存按钮后更新文本。我尝试了下面的代码,但没有成功 <div class="sim-row-header1-slider-left-text sim-row-edit" data-type="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae ullamcorper orci. Nullam nul
<div class="sim-row-header1-slider-left-text sim-row-edit" data-type="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae ullamcorper orci. Nullam nulla felis, imperdiet ac sollicitudin et, malesuada sagittis lacus.</div>
TinyMCE加载到页面上后,页面上不再显示底层的
textarea
。在TinyMCE中键入内容时,实际上并不是在更新文本区域
,而是在iFrame中键入内容
在尝试使用JavaScript与
textarea
交互之前,您需要调用triggerSave()
,让TinyMCE使用当前编辑器内容更新底层textarea
。或者,您可以通过TinyMCE的getContent()
API())获取TinyMCE的内容。此cuold帮助,介绍如何获取TinyMCE内容,以及如何将内容设置为TinyMCE
<div class="sim-edit" id="sim-edit-text">
<div class="sim-edit-box" style="height:390px;">
<div class="sim-edit-box-title">Edit Text</div>
<div class="sim-edit-box-content">
<div class="sim-edit-box-content-text">Text</div>
<div class="sim-edit-box-content-field"><textarea class="sim-edit-box-content-field-textarea text text-editor"></textarea></div>
</div>
<div class="sim-edit-box-buttons">
<div class="sim-edit-box-buttons-save">Save</div>
<div class="sim-edit-box-buttons-cancel">Cancel</div>
</div>
</div>
</div>
tinymce.init({
selector: ".text-editor",
width: '100%',
height: 270,
plugins: [ "anchor link" ],
statusbar: false,
menubar: false,
toolbar: "link anchor | alignleft aligncenter alignright alignjustify",
rel_list: [ { title: 'Lightbox', value: 'lightbox' } ]
});
//edit text
if(big_parent.attr("data-type")=='text'){
$("#sim-edit-text .text").val(big_parent.text());
$("#sim-edit-text").fadeIn(500);
$("#sim-edit-text .sim-edit-box").slideDown(500);
$("#sim-edit-text .sim-edit-box-buttons-save").click(function() {
$(this).parent().parent().parent().fadeOut(500)
$(this).parent().parent().slideUp(500)
big_parent.text($("#sim-edit-text .text").val());
});
}