Tagged articles
2 articles
Page 1 of 1
Bilibili Tech
Bilibili Tech
Oct 18, 2022 · Frontend Development

Building a Slate.js Rich Text Editor: Toolbar, Lists, and Image Upload

This tutorial walks through the practical steps of extending a Slate.js rich‑text editor with toolbar actions, multi‑level list handling, and a robust image‑upload solution, providing code snippets, implementation details, and design considerations for each feature.

JavaScriptListsReact
0 likes · 12 min read
Building a Slate.js Rich Text Editor: Toolbar, Lists, and Image Upload
Bilibili Tech
Bilibili Tech
Sep 16, 2022 · Frontend Development

Understanding contenteditable and Modern Rich Text Editors with Slate.js

The article explains how the HTML contenteditable attribute enables in‑place editing, why legacy execCommand‑based editors are inconsistent, and how modern frameworks such as Slate.js—built on React and Immutable.js—provide a structured, location‑based data model with Transform and Node APIs for reliable, portable rich‑text editing.

JavaScriptReactSlate.js
0 likes · 12 min read
Understanding contenteditable and Modern Rich Text Editors with Slate.js