昨天在分析文章結構的時候，卡了一陣子，覺得還是不要自己造輪子，拿現成的套件來用就好了，還可以參考儲存的格式
但套件那麼多種，要怎麼選?

套件目標

1. 使用JSON儲存資料
2. 官方Vue套件

一開始可能會想說HTML很自由阿，可以做很多種結構及樣式，還能直接拿來渲染，多棒?
問題就是太自由了，反而容易被注入程式，造成破壞

如果有人在html裡面寫:
<script>js功能</script>
那直接拿來渲染的時候，就會執行這段未知的程式碼

因此還是傾向使用JSON把各個結構分開來，這樣不管打甚麼，都只會被當作文字處理。要把html淨化到只有正常的內容，不知道要擋多少東西防不慎防的惡意

套件選手

1. Tiptap
   條件都符合，但更厲害的功能，還需要鈔能力
2. Editor.js
   相較Tiptap，可能沒那麼精細

Tiptap安裝

npm install @tiptap/vue-3 @tiptap/pm @tiptap/starter-kit

作者的哈拉

今天先這樣囉
每天留給寫文章的時間有點少，發現有些前輩是平時備稿，有詳細的脈絡主軸，還能出書的，但我這邊就屬於，每天抓周的概念，抓到什麼寫甚麼