2012-12-06 26 views
3

我正在爲我的應用程序使用TinyMCE編輯器。TinyMCE Readonly Body

我想讓我的身體和演示工具欄在屏幕上顯示「只讀」。

readonly:true 

使演示欄禁用,客戶端無法接受(需要內容區和工具欄)。

我successully作出的:

body.contentEditable = false; 

其工作良好,但是當我點擊任何演示圖標或按鈕的它給像當我點擊大膽它使文檔中的文本加粗那些不應該的效果。

+0

你可以在[小提琴](http://fiddle.tinymce.com/)中顯示它 – yb007

+0

http://fiddle.tinymce.com/40caab – Nimmi

+0

請嘗試添加子彈和一些對齊,因爲我的要求它應該即使點擊它也不會生效。 謝謝... – Nimmi

回答

2

您可以添加以下內容來撤銷編輯器中的更改並在change_callback上執行它。

//undo all the changes in the editor  
tinyMCE.activeEditor.undoManager.undo(); 

//remove all undo levels so there will no possibility of redoing last action 
tinyMCE.activeEditor.undoManager.clear(); 

這裏是一個DEMO

希望它可以幫助!

+0

非常感謝,也是一種很好的方式,但我發現了一些與CSS不同的東西,請看看小提琴更多... 我已經將禁用類應用於工具欄ID。 document.getElementById(「elm1_toolbargroup」)。setAttribute(「Class」,「mceButtonDisabled」); – Nimmi

+0

http://fiddle.tinymce.com/T0caab – Nimmi