Tag

Visual Editor

0 views collected around this technical thread.

Xianyu Technology
Xianyu Technology
Jul 6, 2022 · Frontend Development

Moyu Page Builder: Architecture, Schema Design, and Implementation for Xianyu Frontend

Moyu Page Builder is a low‑code visual editor for Xianyu that lets operations staff configure page content and dynamic data via extended JSON Schema mapped to Ant Design components, streamlining front‑end development, reducing collaboration overhead, improving first‑screen performance, and enabling time‑based, audience‑targeted scheduling.

JavaScriptVisual Editorformily
0 likes · 10 min read
Moyu Page Builder: Architecture, Schema Design, and Implementation for Xianyu Frontend
Java Architect Essentials
Java Architect Essentials
May 28, 2022 · Frontend Development

Introduction to Tencent tmagic-editor: A No‑Code/Low‑Code Visual Page Builder

Tencent's tmagic-editor is a no‑code/low‑code visual page editor that enables non‑technical users to drag‑and‑drop and configure H5, PC, and TV pages, while developers can create reusable business components and runtimes in Vue2, Vue3, or React, streamlining page generation, build, and deployment.

Visual EditorVuefrontend
0 likes · 9 min read
Introduction to Tencent tmagic-editor: A No‑Code/Low‑Code Visual Page Builder
37 Mobile Game Tech Team
37 Mobile Game Tech Team
Jan 6, 2021 · Frontend Development

Building a Vue‑Based Visual Editor: Architecture, JSON Schema & Drag‑Drop

This article outlines the design and implementation of a Vue‑powered visual editor, covering its three‑part architecture (editor, component library, backend), JSON schema hierarchy, component creation and configuration, state management with Vuex, drag‑and‑drop mechanics, and server‑side rendering.

Drag and DropJSON SchemaServer-side Rendering
0 likes · 15 min read
Building a Vue‑Based Visual Editor: Architecture, JSON Schema & Drag‑Drop
JD Retail Technology
JD Retail Technology
Jul 25, 2018 · Frontend Development

Design and Architecture of JD.com’s Tongtian Tower Visual Activity Page Builder

The article explains how JD.com’s Tongtian Tower platform enables non‑technical operators to create activity pages through a React‑based visual editor, detailing its background, design goals, component architecture, template definition, data handling, quality assurance measures, and future development directions.

JD.comReactVisual Editor
0 likes · 9 min read
Design and Architecture of JD.com’s Tongtian Tower Visual Activity Page Builder
Qunar Tech Salon
Qunar Tech Salon
Aug 31, 2017 · Frontend Development

Design and Implementation of a Component‑Based Special Activity Page Platform

This article describes the business background, pain points, and a component‑based solution for rapidly building and iterating promotional activity pages, covering system design, front‑end architecture, component library, visual editor, back‑end services, fast iteration practices, and future development plans.

Visual EditorWeb Developmentautomation
0 likes · 15 min read
Design and Implementation of a Component‑Based Special Activity Page Platform
Hujiang Technology
Hujiang Technology
Jun 13, 2017 · Frontend Development

Designing Data Structures for a Visual H5 Page Editor (Web IDE)

The article explains how to design a data‑driven architecture for a visual H5 page editor, detailing the abstraction of pages, elements, and history into structured objects, and showing how front‑end developers can map complex UI interactions to clean, editable data models.

Data StructureH5JavaScript
0 likes · 14 min read
Designing Data Structures for a Visual H5 Page Editor (Web IDE)