tinyMCE在全屏模式下顯示默認的HTML代碼

當我點擊tinyMCE上的全屏按鈕時，它會在新窗口中打開。tinyMCE在全屏模式下顯示默認的HTML代碼

我現在想要的只是在這個新窗口中全屏顯示tinyMCE，默認情況下爲HTML源代碼模式。

此外，我希望「HTML代碼編輯」窗口全屏。

謝謝！

2013-01-11 Nick

儘量按照這個fiddle用於顯示HTML代碼默認

In order to implement it in FullScreen Plugin go to 
plugins/fullscreen/fullscreen.htm

打開fullscreen.htm和onload事件給身體添加像

onload="setTimeout(tinyMCE.activeEditor.execCommand('mceCodeEditor'),200)"

對於「HTML代碼編輯」是在全屏

Go to themes/advanced/editor_template.js

找到

width : parseInt(ed.getParam("theme_advanced_source_editor_width", 720)), 
height : parseInt(ed.getParam("theme_advanced_source_editor_height", 580)), 

replace 720 and 580 by screen.availWidth, screen.availHeight respectively. 

Also clear your browser cache.

希望它有幫助！

來源

2013-01-14 09:08:59 yb007

這是一個很好的答案，但我想在全屏插件中實現它！你知道該怎麼做嗎？ – Nick

我已根據您的需求更新了答案.....希望能爲您解決 – yb007

非常感謝！你的回答是正確的！我的問題的第二部分呢？「另外，我希望」HTML代碼編輯「窗口全屏顯示。」 – Nick

全屏按鈕會將tinymce編輯器放大到用戶全屏尺寸。顯示源代碼是另一種操作，就像你已經發現你自己 - 編碼的HTML代碼。

爲了獲得全屏尺寸，您將不得不調整tinymce html源代碼編輯器的彈出窗口大小。這可以通過以下TinyMCE的配置參數

不幸的是，你將能夠只定義一個固定的寬度和heigth來完成。沒有選項可將代碼彈出窗口放大到全屏大小。

來源

2013-01-11 10:31:28 Thariama

我還沒有找到如何顯示默認的源代碼... – Nick

你不能在編輯器中看到默認的源代碼（tinymce是一個wysiwyg rte） - 所以你得到你所看到的。該HTML代碼視圖位於其他地方（功能和彈出您點擊「HTML」按鈕） – Thariama

而我怎麼能在頁面加載時調用這個函數，而不點擊「HTML」按鈕？ – Nick

tinyMCE在全屏模式下顯示默認的HTML代碼

回答

相關問題