- 編輯器實現
- 博客內容存儲
- 博客內容展示
Blog顯示模式類似於幾年前十分火爆的論壇(論壇的使用率已經不如從前了)
研究這些的意義在於,瞭解怎樣動態/靜態的從人類易讀的方式來寫文檔。
編輯器界面實現
首先,CSDN的博客, 就如我現在看到的這個界面來看,這是一個“所見即所得”模式的編輯器
右上角的‘小問號’暴露了其實現方案:
可以動態插入圖片,添加字體格式,使用的底層應該是HTML代碼,表層爲動態HTML樣式
我們用瀏覽器的開發者工具看下代碼:
不出所料,動態地將內容轉爲HTML來實現,而且是一個內嵌的<html>元素
博客內容存儲
按道理來說,web上的富文本內容,當然是全程使用Html語法來保存要來得容易一些。
這裏沒有深入探究,因爲不容易獲得Blog的原始數據存儲。
展示模式
既然存儲是用HTML語法來保存,那麼展示方法也就沒有什麼道理用別的方法來做,直接HTML展示出來,簡單高效低成本。