tinymce原裝插件源碼分析（四）-fullscreen

fullscreen

做爲一款文本編輯器，全屏功能是很是有必要的。在插件中主要是修改一些css style和觸發resize事件。

style問題(反例)：

見github源碼：https://github.com/lynzz/element-admin

 全屏後：

緣由是z-index style風格沒有調整好。調整好z-index後：

這裏在plugin.js強調三個點：

一、

注意一下窗口的獲取方式

二、插件自定義事件在editor上的定義和觸發

定義：

觸發：

這裏的這個事件應該是控制一些editor的相關flag，在外部能獲取相關的狀態。這裏註釋掉這一塊後，對視圖及其功能毫無影響。

三、事件的綁定（追加）和解除（特定的函數）。

 

 

 注意：dom事件與相應的處理是一對多的關係。也就是說，一個事件能綁定不少處理函數，這些處理函數會依次執行（按綁定的前後順序）。當解除的時候，能夠指定解除某個函數，也能夠指定解除所有函數。這裏是解除某個函數。

 知識點：

editor.on、
DOM.removeClass、DOM.addClass、DOM.setStyle、

DOM.unbind、DOM.bind、

editor.getContainer(獲取editor的dom)、editor.getContentAreaContainer().firstChild（獲得到editor內部的視圖，不包含panel）、

editor.addShortcut(爲指定函數添加快捷鍵)、onPostRender 參數