一行代码,打造在线编辑器

原文:一行代码,打造在线编辑器html

1. 事情是这样的

事情是这样的,有一天要开会,我准备把会议的 outline 写到个 暂时 的 notebook 里,在会议的时候参考。git

而后,问题就来了:github

  • 我不想打开 pages,excel,office 什么的;chrome

  • 我也不想打开 xcode 的 text editor,由于打开的窗口已经不少了,切换起来麻烦;xcode

  • 我也不想用正在写代码的 sublime 新建个文件,由于不想污染我写代码的环境,哈哈;浏览器

而后,想法就来了,要是能用浏览器来作编辑器就行了,而后忽然想到好久以前看到的一篇文章,说如何用一行代码把 chrome 浏览器变成在线编辑器。哈哈,google 了下,果真找到解决方法了,果真是技术造福人类啊。编辑器

# 极氪 # 仅一行代码,打造一个在线编辑器google

但是还不够,这样每次都要拷贝,粘贴到浏览器里,多麻烦啊。要是能输入一个连接,直接就有这样一个在线编辑器,那多爽啊。哈哈。excel

想一想它的原理,其实就是一个 html 文件嘛,更细致一点,就是一个很简单的,定制化的 textarea [我不肯定是否是这个组件,可是这都不重要了,哈哈],只要把这个 html 放到一个固定的,人人都能访问的地方不就好了?code

2. 感谢 github

因而乎,解决方案就来了。首先得感谢 github 啊,让多少人零首付零还款就搭建了个博客,我也同样。既然博客都有了,那把上面的那个 html 文件放到博客上不就好了?

因而乎,我把上面的 html 保存到本身 github 博客的 files/ 目录下面,而后直接访问 litaotao.github.io/files/editor.html 就能够了。哈哈,爽爽的赶脚。

之后就方便多了,再要写什么临时文本的时候,直接打开浏览器,输入 litaotao.github.io/files/editor.html 就能够了。怎么有一种逼格满满的赶脚,哈哈。

固然了,你也能够本身搞一个,下载这个 html 文件,而后放到你的博客下面就能够了。

相关文章
相关标签/搜索