2011-05-23 96 views
11

我正在使用TinyMCE編輯器。我想清除編輯框內的內容,只需在窗體上點擊一下按鈕即可。重置TinyMCE框

你能告訴我該怎麼做嗎?

回答

22

這可以輕鬆完成(無需使用慢的jQuery TinyMCE的版本):

// 'content' is tinymce default, 
// but if your textarea got an ID that is the one you need! 
var my_editor_id = 'content'; 

// set the content empty 
tinymce.get(my_editor_id).setContent(''); 
+0

爲了更加清晰,my_editor_id應該真的名爲my_textarea_id。當我閱讀**編輯器**時,我想到了tinymce編輯器:-) – Oliver 2013-06-26 10:34:08

+0

好吧,兩個id都是相同的(如果編輯器源html元素有一個id集) – Thariama 2013-06-26 10:50:54

+0

這段代碼去哪裏?將一個按鈕放置在運行代碼爲'tinymce.get('content')的可用按鈕旁邊會很好。setContent(''); ' – 2014-02-12 18:52:05

2

TinyMCE jQuery Plugin documentation,可以從你的鏈接頁面很容易被發現:

// Will change the contents of an textarea with the ID "someeditor" 
$('#someeditor').html('Some contents...'); 

// Will change the contents all text areas with the class tinymce 
$('textarea.tinymce').html('Some contents...'); 

// Gets the contents from a specific editor 
alert($('#someeditor').html()); 

嘗試將其設置爲空字符串,可能是你需要的東西。使用下面的代碼你的按鈕作爲的onclick行動

-1
$('#name_of_your_textarea').val(''); 
+0

我不確定您的解決方案如何解決OP的問題:您正在重置底層textarea的內容,而不是tinymce編輯器的內容。 – Oliver 2013-06-26 10:36:42

0

如果您有興趣清除您可以使用的編輯器的內容tinymce.get('#editorId')。setContent(''); //像其他人所說

不過,如果你想重置內容和菜單按鈕等 - 本質上完全重新編輯你可以考慮使用: tinymce.get(「#editorId」 )。在裏面();

+0

使用反標記字符突出顯示代碼部分。 – rajuGT 2015-10-06 18:09:59

+0

我正在尋找init()tinymce編輯器4.x的解決方案。我嘗試過,但我不得不說它只在編輯器的textarea中,菜單(按鈕等)和工具欄不會被重新初始化。 :( – Jonny 2016-09-30 19:29:23