WYSIWYG | BestHub

58 Tech

Feb 28, 2023 · Frontend Development

Achieving True WYSIWYG in Low‑Code Editors: Editing Layer and Rendering Layer Design

This article explains how a low‑code editor can provide true WYSIWYG editing by separating the canvas into an editing layer and a rendering layer, using an iframe for isolation, synchronizing layout information via DOM measurements, and addressing the challenges of component overlap, performance, and cross‑technology integration.

WYSIWYGcanvaseditor design

0 likes · 11 min read

Achieving True WYSIWYG in Low‑Code Editors: Editing Layer and Rendering Layer Design

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.

MarkdownMilkdownProseMirror

0 likes · 9 min read

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

AntTech

Jul 2, 2020 · Operations

Innovative Design and Implementation of the Barad‑Dur Custom Monitoring Dashboard

This article introduces the Barad‑Dur custom monitoring dashboard of Ant Monitoring, detailing its WYSIWYG editor, advanced interaction features, controller concept, extensible data‑source architecture, unified time‑series format, scene‑graph inspired layout engine, and future roadmap for cloud‑native observability.

Cloud NativeDashboardDataSource

0 likes · 12 min read

Innovative Design and Implementation of the Barad‑Dur Custom Monitoring Dashboard