Turning Canvas Snapshots into Real Video Cards with ProseMirror

This article recounts Bilibili’s evolution from using Canvas‑based screenshot tricks to render video cards in the Quill editor to adopting ProseMirror with Tiptap, detailing the technical debt, the new schema and NodeView architecture, performance optimizations, batch link validation, and strategies for backward compatibility and real‑time interactive components.

ProseMirrorfrontendperformance

0 likes · 17 min read

Turning Canvas Snapshots into Real Video Cards with ProseMirror

Rare Earth Juejin Tech Community

Nov 24, 2022 · Frontend Development

Building a Markdown Rich Text Editor with ProseMirror and Remirror in React

This tutorial walks through creating a lightweight rich‑text editor using ProseMirror's core modules, enhancing it with plugins like history and input rules, and then simplifying development with the Remirror React library to support Markdown formatting and custom extensions.

ProseMirrorReactRemirror

0 likes · 12 min read

Building a Markdown Rich Text Editor with ProseMirror and Remirror in React

ELab Team

Apr 23, 2022 · Frontend Development

Unveiling ProseMirror: Architecture, State, View, and Transform Explained

This article explores ProseMirror's core architecture, detailing its four modules, initialization and update flows, and how state, view, and transform layers work together to provide a robust, data‑driven rich‑text editing experience.

Document ModelProseMirrorState Management

0 likes · 9 min read

Unveiling ProseMirror: Architecture, State, View, and Transform Explained

macrozheng

Oct 6, 2021 · Frontend Development

Build a Powerful WYSIWYG Markdown Editor with Milkdown – A Frontend Guide

Milkdown is an open‑source, highly customizable WYSIWYG Markdown editor built on ProseMirror, offering plugin‑based features such as tables, collaborative editing, and two‑way binding, with easy installation via npm and comprehensive documentation for developers seeking a powerful frontend solution.

MilkdownProseMirrorWYSIWYG

0 likes · 9 min read

Build a Powerful WYSIWYG Markdown Editor with Milkdown – A Frontend Guide

vivo Internet Technology

Jun 30, 2021 · Frontend Development

Rich Text Editor Evolution and Extension Guide: From Selection to Customization

The guide traces the evolution of rich‑text editors from basic execCommand tools to modern, self‑rendered engines, explains how to select the appropriate editor stage for business needs, and details extension techniques—including toolbar, menu, internal module, plugin development—and theme customization options.

CKEditorProseMirrorQuill

0 likes · 21 min read

Rich Text Editor Evolution and Extension Guide: From Selection to Customization