自己写一个类似知乎编辑器的编辑器（1）

实话说一直想做一套自己的博客程序，但是工作量其实挺大的，其中一部分就是：我实在是不喜欢百度编辑器那种样子，太丑了——虽然它确实功能齐全很强大。哦不对，它的上传图片的功能有点别扭——记得之前我用sae做开发平台的时候，百度富文本编辑器在那里BUG百出。更可怜的是，它并不支持js。嗯，对于我这种搞前端的还是有点偏执：我决定自己做一款编辑器，可以放到我的博客程序中的，传图功能强大方便的。我决定称它为：joeyEditor。

How are you doing?          :) 出自老友记的joey经典台词

先开始搭一个框架吧，要有一个工具栏和内容输入栏：

html的结构

现在该给它们添加样式了，我脑子里想的是：应该有3px的圆角，而且工具栏的颜色应该比输入栏要深，稍微有一点质感。于是CSS是这样的：

搞定。

这下基本的样子就出来了：

好了，虽然那两行黑色的字很碍眼。不过只是暂时的。

所以就这样了，下一步打算把头部工具栏做出来，用到网页字体图标。今天就写这一点点吧。人懒，所以我选择去吃月饼喝茶，如果吃喝完毕觉得有心情了，就再搞一点。