技術 Day 30：使用 Parchment 實現類似 Medium 的編輯器 - Videos & Tweets

今天來到了挑戰的最後一天，接著把剩下的 Videos 和 Tweets 等自訂 Blot 體驗一遍。 Videos 我們將以和 images 的實現方式來實現...

技術 Day 16：讀 Quill Editor API 技術文件 - Events

今天來看 Events 的部分，Event 的使用方式就和 JavaScript 的事件監聽一樣，透過指定的事件名稱來監聽，並執行指定的方法。 text-cha...

技術 Day 14：讀 Quill Editor API 技術文件 - Selection

昨天研究並練習關於套用文本的行內與區塊樣式，初步把每個 API 的使用方式都看過一遍，今天輪到編輯器選取功能相關的 API，繼續給他看下去 XD getBoun...

技術 Day 13：讀 Quill Editor API 技術文件 - Formatting

繼昨天的 Contents 相關的 API，今天來看看 Formatting 的部分。 format 根據使用者當前選擇的字串套用文字格式，回傳的 Delta...

技術 Day 12：讀 Quill Editor API 技術文件 - Content (下)

今天就繼續來看 Content 相關的 API 後半段。 insertEmbed 將嵌入式內容插入編輯器，return 為更改後的 Delta 物件。sourc...

技術 Day 10：編輯內容的呈現 - Parchment 與 Blot

今天我們將一同探討 Quill 背後的兩個關鍵概念：Blot 和 Parchment。雖然這些名詞可能聽起來有些陌生，但它們在 Quill 的運作中扮演了重要的...

技術 Day 9：Quill Editor 的資料物件 - Delta (下)

昨天探討了 Delta，初步有了一些概念，今天就來嘗試練習看看，為了方便查看，先新增一個 quill-editor.service，並將 Delta 相關的練習...

技術 Day 8：Quill Editor 的資料物件 - Delta (上)

今天初步探討 Quill Editor 資料物件之一，Delta，就一起來了解一下吧。 什麼是 Delta 物件？ 不要被 Delta 這酷酷的名字給嚇到，它其...