自己写一个类似知乎编辑器的编辑器(2)

吃了两个月饼很开心啊。放起音乐,最近一直想买一把好一点的电吉他,把喜欢的曲子都练一练。比如slash的《Anastasia》。真的很赞。

- 。- 跑题了好像。

这次准备去把工具栏搞定。工具栏的图标用的是font awesome,我很喜欢这套东西,简单好用。哈哈。

脑子里构思了一下,工具栏的图标当鼠标悬停的时候应该有一个效果。所以我我打算用两个DIV嵌套来做这种东西:

自己写一个类似知乎编辑器的编辑器(2)_第1张图片
这样看起来结构挺清晰的。

不过因为是block元素,所以头部还是要浮动一下。并且微微调整一下之前的样式:然后成了这样:


自己写一个类似知乎编辑器的编辑器(2)_第2张图片
把字删了以后看起来好多了呢。

接下来就要完成最重要的部分了,就是用HTML5的新特性来搞定这个编辑器的输入功能。

好了我又懒了。喝酸奶去……一会要是有心情了再搞……

你可能感兴趣的:(自己写一个类似知乎编辑器的编辑器(2))