CSDN Blog博客編輯器實現、博客內容存儲、展示模式探討

本文內容包括。
  • 編輯器實現
  • 博客內容存儲
  • 博客內容展示

Blog顯示模式類似於幾年前十分火爆的論壇(論壇的使用率已經不如從前了)

研究這些的意義在於,瞭解怎樣動態/靜態的從人類易讀的方式來寫文檔

編輯器界面實現

首先,CSDN的博客, 就如我現在看到的這個界面來看,這是一個“所見即所得”模式的編輯器

 右上角的‘小問號’暴露了其實現方案:



可以動態插入圖片,添加,使用的底層應該是HTML代碼,表層爲動態HTML樣式

我們用瀏覽器的開發者工具看下代碼:


不出所料,動態地將內容轉爲HTML來實現,而且是一個內嵌的<html>元素


博客內容存儲

    按道理來說,web上的富文本內容,當然是全程使用Html語法來保存要來得容易一些。

這裏沒有深入探究,因爲不容易獲得Blog的原始數據存儲。

展示模式

    既然存儲是用HTML語法來保存,那麼展示方法也就沒有什麼道理用別的方法來做,直接HTML展示出來,簡單高效低成本。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章