原文:一行代碼,打造在線編輯器
1. 事情是這樣的
事情是這樣的,有一天要開(kāi)會(huì),我準(zhǔn)備把會(huì)議的 outline 寫(xiě)到個(gè) 暫時(shí) 的 notebook 里,在會(huì)議的時(shí)候參考。
然后,問(wèn)題就來(lái)了:
- 我不想打開(kāi) pages,excel,office 什么的;
- 我也不想打開(kāi) xcode 的 text editor,因?yàn)榇蜷_(kāi)的窗口已經(jīng)很多了,切換起來(lái)麻煩;
- 我也不想用正在寫(xiě)代碼的 sublime 新建個(gè)文件,因?yàn)椴幌胛廴疚覍?xiě)代碼的環(huán)境,哈哈;
然后,想法就來(lái)了,要是能用瀏覽器來(lái)做編輯器就好了,然后突然想到很久之前看到的一篇文章,說(shuō)如何用一行代碼把 chrome 瀏覽器變成在線編輯器。哈哈,google 了下,果然找到解決方法了,果然是技術(shù)造福人類啊。
可是還不夠,這樣每次都要拷貝,粘貼到瀏覽器里,多麻煩啊。要是能輸入一個(gè)鏈接,直接就有這樣一個(gè)在線編輯器,那多爽啊。哈哈。
想想它的原理,其實(shí)就是一個(gè) html 文件嘛,更細(xì)致一點(diǎn),就是一個(gè)很簡(jiǎn)單的,定制化的 textarea [我不確定是不是這個(gè)組件,但是這都不重要了,哈哈],只要把這個(gè) html 放到一個(gè)固定的,人人都能訪問(wèn)的地方不就行了?
2. 感謝 github
于是乎,解決方案就來(lái)了。首先得感謝 github 啊,讓多少人零首付零還款就搭建了個(gè)博客,我也一樣。既然博客都有了,那把上面的那個(gè) html 文件放到博客上不就行了?
于是乎,我把上面的 html 保存到自己 github 博客的 files/ 目錄下面,然后直接訪問(wèn) litaotao.github.io/files/editor.html 就可以了。哈哈,爽爽的趕腳。
以后就方便多了,再要寫(xiě)什么臨時(shí)文本的時(shí)候,直接打開(kāi)瀏覽器,輸入 litaotao.github.io/files/editor.html 就可以了。怎么有一種逼格滿滿的趕腳,哈哈。
當(dāng)然了,你也可以自己搞一個(gè),下載這個(gè) html 文件,然后放到你的博客下面就可以了。