使用 tinyMCE 编辑器的局部视图

Question

你好，我正在使用 bootstrap 标签并像

一样动态添加标签

$('.tab-content').append($(''));

然后使用 ajax

在新选项卡中加载包含数据的部分视图

$("#tab" + tabID).html('<div style="border-top:1px solid rgba(0, 0, 0, 0.09)">' + data + '</div>');

我正在局部视图中初始化 tyni mce

var xstring = "#txttab" + @Model.DOCUMENT_ID


tinymce.init({
    selector: xstring,
    height: 350,
    menubar: true,
    readonly: 1,
    plugins: [
      'advlist autolink lists link image charmap print preview anchor',
      'searchreplace visualblocks code fullscreen',
      'insertdatetime media table contextmenu paste code'
    ],
    toolbar: 'undo redo | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image'

});

一切正常，但是当第二个 tyni mce 添加到页面时，它添加到第一个选项卡 tyni mce body

Answer 1

已添加tinymce.remove(id)； id 是 textarea-s id.

使用 tinyMCE 编辑器的局部视图

partial view with tiny MCE editor

asp.net-mvc

tinymce