tinymce setcontent 使现有的消失

Question

我正在尝试使用

将一些额外的隐藏内容添加到 tinymce 编辑器中

tinyMCE.get('addCustom_id').setContent(data);

一旦在事件上执行了上述行，setContent 之前的现有内容 disappears.I 希望保留现有内容并添加额外的 content.Please 帮助。

以下是tinymce初始化代码

tinymce.init({
    mode : "specific_textareas",
    selector : '#customArea textarea',
    plugins: [
            "advlist autolink autosave link image lists charmap print preview hr anchor pagebreak spellchecker",
            "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
            "table contextmenu directionality emoticons template textcolor paste fullpage textcolor"
    ],

    toolbar1: "newdocument fullpage | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | styleselect  fontselect fontsizeselect",
    toolbar2: "searchreplace | bullist numlist | outdent indent blockquote | undo redo | link unlink anchor image media code | inserttime preview | forecolor backcolor",
    toolbar3: "table | hr removeformat | subscript superscript | charmap emoticons | print fullscreen | ltr rtl | spellchecker | visualchars visualblocks nonbreaking template pagebreak restoredraft",
    image_advtab: true,     
    importcss_append: true,
    //visual_table_class: "product_table_1",
    //visual_table_class: "product_table_2",
     content_css:  "/bvmc/filegallery/static/tempcss/jquery-ui-small.css,/bvmc/filegallery/static/tempcss/style_small.css,/bvmc/filegallery/static/tempcss/style_small_2.css,/bvmc/filegallery/static/tempcss/style_small_3.css,/bvmc/filegallery/static/tempcss/tinyMCE.css,/bvmc/filegallery/static/tempcss/table_style.css",
    valid_children : "+p[h1|h2|h3|h4|h5|h6]",
    menubar: false,
    toolbar_items_size: 'small',
    style_formats: [    
{title: "Headers", items: [
    {title: "Header 1", inline: "h1"},
    {title: "Header 2", inline: "h2"},
    {title: "Header 3", inline: "h3"},
    {title: "Header 4", inline: "h4"},
    {title: "Header 5", inline: "h5"},
    {title: "Header 6", inline: "h6"}
]},
{title: "Inline", items: [
    {title: "Bold", icon: "bold", format: "bold"},
    {title: "Italic", icon: "italic", format: "italic"},
    {title: "Underline", icon: "underline", format: "underline"},
    {title: "Strikethrough", icon: "strikethrough", format: "strikethrough"},
    {title: "Superscript", icon: "superscript", format: "superscript"},
    {title: "Subscript", icon: "subscript", format: "subscript"},
    {title: "Code", icon: "code", format: "code"}
]},
{title: "Blocks", items: [
    {title: "Paragraph", format: "p"},
    {title: "Blockquote", format: "blockquote"},
    {title: "Div", format: "div"},
    {title: "Pre", format: "pre"}
]},
{title: "Alignment", items: [
    {title: "Left", icon: "alignleft", format: "alignleft"},
    {title: "Center", icon: "aligncenter", format: "aligncenter"},
    {title: "Right", icon: "alignright", format: "alignright"},
    {title: "Justify", icon: "alignjustify", format: "alignjustify"}
]}
    ]

});

Answer 1

setContent 重置整个编辑器内容。

您可以使用

tinyMCE.get('addCustom_id').execCommand('insertHTML', false, data);

在编辑器中的当前插入符位置添加内容。实际选择将被替换。

tinymce setcontent 使现有的消失

tinymce setcontent makes existing disapper

html

javascript

tinymce