Multi TinyMCE with append jQuery



On选择更改创建文本区域,它是多个。不仅仅是一个,可能是3-5个。创建文本区域时,我需要使用TinyMCE编辑器进行更改。我尝试了很多不同的方法,但我做不到

$(".add_additional_fields").click(function() {
var typeContent = $(this).closest(".typeContent");
var languageContent = typeContent.closest(".languageContent");
var langId = $(languageContent[0]).attr("data-language-id");
// Change additional fields type start
$('body').on('change','.additional_fields_type',function() {
var $this = $(this);
var value = $this.val();
var $parent = $($this[0].closest(".fieldwrapper3"));
var chiledTd=$($parent.children("td:nth-child(3)")[0]);
switch(parseInt(value)){
case 0: {
chiledTd.html(choose);
} break;
case 1: {
var varchar = varChar(langId);
chiledTd.html(varchar);
} break;
case 2: {
var textarea = textArea(langId);
chiledTd.html(textarea);
} break;
case 3: {
guid = createGuid();
var html = createFileHtml(guid, langId);
chiledTd.html(html);
} break;
}
}); 
// Change additional fields type end
});

选择第三(3(个案例附加文本区域

function textArea(languageId) {
return "<textarea name='field[" + languageId + "][]' id="tiny1"></textarea>";
}

但我做不到TinyMCE。

我该如何解决?

感谢

添加以下内容即可解决:

setup: function (editor) {
editor.on('init', function () {
this.setContent('');
});
}

原件:

tinymce.init({
selector: "textarea",
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste"
],
toolbar1: "undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent",
toolbar2: "| responsivefilemanager | link unlink anchor | image media | forecolor backcolor  | print preview code ",
image_advtab: true,
external_filemanager_path:"https://domain/admin/filemanager/",
filemanager_title:"Filemanager" ,
external_plugins: { "filemanager" : "https://domain/assets/plugin.min.js" },
setup: function (editor) {
editor.on('init', function () {
this.setContent('');
});
}
});

最新更新