Update:大胖同学在评论中提醒我他已经将布局换成class了,原先的全屏脚本中的选择器就有一点问题了,全屏功能不好用了。端午节偷个空闲,根据大胖的代码修改了一下选择器,功能恢复正常。

更新方法:http://jsfiddle.net/wyqbailey/7J5cX/1/embedded/result/ 还是这个老地址,不过你得删除了原先的书签,重新拖一遍。新用户则直接拖到书签栏就行了。

备注:为了省去日后写作页面的布局再有变化(大胖同学要记得提醒我哦),大家还得重新拖放更新书签的麻烦,我将书签中的脚本改成了引用外部文件,这样大家以后就不用更新书签,只要我更新公开脚本就可以了。

感谢:谢谢大家的积极测试,谢谢大胖同学的提醒,希望能给大家的编辑工作带来便利。

看了李松峰老师的hack:增强图灵社区文章写作表单的脚本,结合上次我发的对社区编辑工具的一点感受和建议,我觉得一个全屏左右分栏的编辑器是众望所归了。今天早上花了2小时,做了一个全屏编辑书签,方便大家使用。刚开始想做成浏览器插件,但想了想,书签做起来更快,跨浏览器,安装也简单。于是有了这个工具:

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

安装和使用方法

打开上面的网页,将页面中的“图灵全屏编辑”链接拖到收藏夹(或收藏夹栏),书签安装完成,在图灵社区写作页面点击该书签,即可进入全屏模式。全屏模式下页面右上角有个关闭按钮,点击即可返回原始状态。

效果

放个效果图吧,这样有吸引力! enter image description here

说明

书签只是对页面元素的样式进行了修改,没有其他任何改动,所以理论上对编辑器的功能没有任何影响,可以放心编辑和发表文章。(我这篇文章就是全屏模式下发表的)

兼容性

理论上兼容所有浏览器,但我只在chrome中进行了测试。欢迎大家踊跃试用,发现问题直接在下面发表评论即可。另:右上角的关闭按钮使用了CSS3圆角,所以建议大家使用支持CSS3的浏览器。

开源及改进

我将源代码放在了github上,有兴趣的同学可以去follow或者改进。

吐槽

markdown语法,无法给超链接使用javascript伪协议;github上也使用markdown作为编辑器语法,看来markdown很流行啊!最后只有在jsfiddle上分享一个页面了。