2015-12-04 47 views
1

我想一旦上面一行是在一個事件執行額外補充一些隱藏的內容到TinyMCE的編輯器使用TinyMCE的setcontent使得現有的即消失

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

,setContent disappears.I之前對現有的內容要保存現有內容以及添加額外內容。請幫助。

下面是以下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"} 
]} 
    ] 

});

回答

1

setContent重置整個編輯器內容。

您可以使用

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

在編輯器中的當前光標處添加內容。 實際選擇將被替換。

+0

感謝thariama.It像一個魅力工作。 :-) – vicky

+0

很高興能夠提供幫助 – Thariama

+0

但是我沒有使用'tinyMCE.get('addCustom_id')'返回添加的內容,儘管它存在於tinymce中的視圖源? – vicky

相關問題