Tagged articles

mention

2 articles · Page 1 of 1

Jun 3, 2026 · Frontend Development

How to Build a Stable @Document Mention Input with ProseMirror

This article walks through implementing an @document mention feature for a knowledge‑base Q&A input box, comparing a naïve contenteditable approach with a ProseMirror‑based solution, detailing schema design, plugin and suggestion handling, and the stability challenges of cursor, IME, and undo/redo.

PluginProseMirrordecoration

0 likes · 12 min read

How to Build a Stable @Document Mention Input with ProseMirror

ELab Team

Dec 2, 2021 · Frontend Development

How to Build a Robust @Mention Feature in Frontend Rich Text Editors

This article explores the implementation of @mention functionality in modern front‑end rich‑text editors, covering background, industry examples from Weibo and Twitter, core concepts like Range and Selection APIs, cursor handling, search pop‑ups, key interception, and techniques for inserting custom @tags with code snippets.

JavaScriptRange APISelection API

0 likes · 15 min read

How to Build a Robust @Mention Feature in Frontend Rich Text Editors