圖靈全屏編輯書籤工具

Update：大胖同學在評論中提醒我他已經將佈局換成class了，原先的全屏指令碼中的選擇器就有一點問題了，全屏功能不好用了。端午節偷個空閒，根據大胖的程式碼修改了一下選擇器，功能恢復正常。

更新方法：http://jsfiddle.net/wyqbailey/7J5cX/1/embedded/result/ 還是這個老地址，不過你得刪除了原先的書籤，重新拖一遍。新使用者則直接拖到書籤欄就行了。

備註：為了省去日後寫作頁面的佈局再有變化（大胖同學要記得提醒我哦），大家還得重新拖放更新書籤的麻煩，我將書籤中的指令碼改成了引用外部檔案，這樣大家以後就不用更新書籤，只要我更新公開指令碼就可以了。

感謝：謝謝大家的積極測試，謝謝大胖同學的提醒，希望能給大家的編輯工作帶來便利。

看了李鬆峰老師的hack：增強圖靈社群文章寫作表單的指令碼，結合上次我發的對社群編輯工具的一點感受和建議，我覺得一個全屏左右分欄的編輯器是眾望所歸了。今天早上花了2小時，做了一個全屏編輯書籤，方便大家使用。剛開始想做成瀏覽器外掛，但想了想，書籤做起來更快，跨瀏覽器，安裝也簡單。於是有了這個工具：

http://jsfiddle.net/wyqbailey/7J5cX/embedded/result/

安裝和使用方法

開啟上面的網頁，將頁面中的“圖靈全屏編輯”連結拖到收藏夾（或收藏夾欄），書籤安裝完成，在圖靈社群寫作頁面點選該書籤，即可進入全屏模式。全屏模式下頁面右上角有個關閉按鈕，點選即可返回原始狀態。

效果

放個效果圖吧，這樣有吸引力！

說明

書籤只是對頁面元素的樣式進行了修改，沒有其他任何改動，所以理論上對編輯器的功能沒有任何影響，可以放心編輯和發表文章。（我這篇文章就是全屏模式下發表的）

相容性

理論上相容所有瀏覽器，但我只在chrome中進行了測試。歡迎大家踴躍試用，發現問題直接在下面發表評論即可。另：右上角的關閉按鈕使用了CSS3圓角，所以建議大家使用支援CSS3的瀏覽器。

開源及改進

我將原始碼放在了github上，有興趣的同學可以去follow或者改進。

吐槽

markdown語法，無法給超連結使用javascript偽協議；github上也使用markdown作為編輯器語法，看來markdown很流行啊！最後只有在jsfiddle上分享一個頁面了。