葡萄JS Shadcn

Grapesjs-shadcn 是一个现代的 GrapesJS 预设，采用 React、 @grapesjs/react 和 shadcn/ui 构建，旨在为你提供简洁、可组合且开发者友好的编辑体验，开箱即用。

它注重精致的用户界面、合理的默认设置，以及为高级页面、电子邮件和文档构建工作流提供可扩展性。

---

预设自带一个完全有线的GrapesJS编辑器，以及用 shadcn/ui 和 Tailwind CSS构建的精炼UI层。

• 区块管理器

  • 美丽现代的方块面板
  • 内置 快速 块发现搜索
  • 干净的分组和可扩展的布局

• 图层管理器

  • 功能齐全的图层管理器
  • 清晰的视觉层级
  • 顺畅的选择和重新排序体验

• 页面管理器

  • 创建、重命名和 复制页面
  • 为多页工作流程设计

• 主题管理器

  • 可配置主题管理器

• 资产管理

  • 带 拖放上传的素材模态
  • 干净的预览和直观的管理
  • 资产面板，可以拖放到画布

• 设备管理器

  • 跨设备预览内容（桌面、平板、移动端）

• 顶键命令

  • 通过干净的顶部栏展示的常见编辑器命令
  • 撤销/重做、预览、画布操作等

• 选拔经理

  • 用于选择状态和添加类的 CSS 选择器管理

• 特质管理器

  • 编辑组件属性和行为

• 风格经理

  • 直观风格控制

• 符号

  • 可重复使用共享状态和样式的组件

• 画布斑点

• 通过在画布上直接拖动视觉手柄，快速调整填充和边距
  • 通过 showPaddingSpot 和 showMarginSpot 属性控制每个组件的可见性
• 更智能的多列调整尺寸，重新分配相邻列的宽度，防止“跳跃”，保持布局稳定
  • 为了获得最佳效果，建议强制使用列拖动和默认的百分比列宽。
• 内置徽章和带上下文菜单的顶部栏——全部以React组件实现，便于样式和自定义
  
  

• 默认富文本编辑器（RTE）
• 带有主观意见的富文本编辑器，取代默认的增强文本编辑 功能
• 基于Prosemirror构建，使用React 自定义界面

• 数据来源 
• 创建数据模式 
• 数据导入和管理 
• 动态变量 
• 运行时条件逻辑集成 
• 运行时集合
  

---

• 基于 Tailwind CSS
• 轻松自定义间距、颜色、排版和布局
• 以最小的努力匹配现有设计系统
• 暗模式和浅模式