Tagged articles

Slate.js

3 articles · Page 1 of 1

Sep 21, 2025 · Frontend Development

How I Replicated WeChat’s Fancy Layouts in WangEditor via Custom Extensions

This article walks through extending WangEditor V5 with custom plugins to reproduce the rich, multi‑style layouts found in WeChat public‑account articles, covering the analysis of required HTML/CSS patterns, defining new Slate‑based elements, registering menus, and rendering the styles within the editor.

Custom ExtensionFrontendRich Text

0 likes · 14 min read

How I Replicated WeChat’s Fancy Layouts in WangEditor via Custom Extensions

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.

FrontendImage UploadJavaScript

0 likes · 12 min read

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

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.

FrontendJavaScriptReAct

0 likes · 12 min read

Understanding contenteditable and Modern Rich Text Editors with Slate.js