鐵人檔案
覺得只用 <input> 、 <textarea> 做出來的文字編輯器看起來很 low 嗎？
想做個互動效果十足、炫砲感滿滿的文字編輯器，卻無法有系統性地管理 & 製作功能嗎？
用 Medium 寫文章寫這麼久，甚至報名參加 IThome 鐵人賽的你，卻連 WYSIWYG 都沒聽過？！
不怕！
就讓我們用 30 天的時間，一步一步地探索『富文本編輯器 feat. slate.js 』的世界
上一篇我們介紹了 interfaces/operations.ts 裡定義的 Operation types ，還沒看過的讀者們 傳送門 在此～ 接著從這一篇...
今天的內容將延續 上一篇 文章中 Operation Process 裡的 3. ，同時我們會非常深入地去解析實現整個 transform function...
上一篇文章我們深入瞭解了 Operation 的 transform function 是如何實作針對各種不同的 Operation types 的更新功能的...
在開始繼續深入源碼之前，我們先花點篇幅討論 Normalizing 這回事。 Normalizing － 正規化，對資料庫稍有著墨的話對這個名詞一定不陌生。...
我們在 上上一篇 也有提到過 slate 將 Normalizing 這項功能的實現拆成了第一步驟的『骯髒標記（ Dirty-Path ） 』以及透過骯髒標記...
Slate 正規化的相關功能由兩個主要函式： interfaces/editor.ts 的 normalize method create-editor 編...
前一篇我們介紹了 Slate Normalizing 裡負責實作節點正規化以及讓使用者自定義 constraints 的主要函式： create-editor...
最後終於來到了我們最後一個章節：『 Transforms 』。 Transform 在 slate package 裡頭也是佔了舉足輕重的地位，它提供了最 h...
上一篇我們統整了 NodeTransforms 裡各個 methods 的用法以及參數介紹， 傳送門 在此～ 這一篇同樣會以 reference 的形式統整...
一天過一天，終於走到了今天（撒花～ 從最一開始的 Pre-Start 篇章：帶讀者們認識 WYSIWYG 、瀏覽器的 contenteditable 屬性、...