實(shí)話說(shuō)一直想做一套自己的博客程序,但是工作量其實(shí)挺大的,其中一部分就是:我實(shí)在是不喜歡百度編輯器那種樣子,太丑了——雖然它確實(shí)功能齊全很強(qiáng)大。哦不對(duì),它的上傳圖片的功能有點(diǎn)別扭——記得之前我用sae做開(kāi)發(fā)平臺(tái)的時(shí)候,百度富文本編輯器在那里BUG百出。更可憐的是,它并不支持js。嗯,對(duì)于我這種搞前端的還是有點(diǎn)偏執(zhí):我決定自己做一款編輯器,可以放到我的博客程序中的,傳圖功能強(qiáng)大方便的。我決定稱(chēng)它為:joeyEditor。
How are you doing? ? ? ? ? ?:) 出自老友記的joey經(jīng)典臺(tái)詞
先開(kāi)始搭一個(gè)框架吧,要有一個(gè)工具欄和內(nèi)容輸入欄:

html的結(jié)構(gòu)
現(xiàn)在該給它們添加樣式了,我腦子里想的是:應(yīng)該有3px的圓角,而且工具欄的顏色應(yīng)該比輸入欄要深,稍微有一點(diǎn)質(zhì)感。于是CSS是這樣的:

搞定。
這下基本的樣子就出來(lái)了:

好了,雖然那兩行黑色的字很礙眼。不過(guò)只是暫時(shí)的。
所以就這樣了,下一步打算把頭部工具欄做出來(lái),用到網(wǎng)頁(yè)字體圖標(biāo)。今天就寫(xiě)這一點(diǎn)點(diǎn)吧。人懶,所以我選擇去吃月餅喝茶,如果吃喝完畢覺(jué)得有心情了,就再搞一點(diǎn)。