首页>建站资源>其他资源
下载

Proeditor

最终的编辑UI框架和组件



英语·简体中文·Changelog。报告错误·请求功能

目录

TOC

  • ？安装
    • 使用Next.js编译
  • ？用法
  • 特征
    • 授权的功能
    • 框架架构
  • ？展示柜
  • ？浏览器兼容性
  • ⌨️地方发展
  • ？贡献
  • ？️生态系统

？安装

重要的

此软件包仅是ESM。

要安装@ant-design/pro-editor ，请运行以下命令： 

$ pnpm install @ant-design/pro-editor

使用Next.js编译

笔记

通过使用Next.js SSR正确工作，添加transpilePackages: ['@ant-design/pro-editor'] next.config.js 。例如： 

 const nextConfig = {
  transpilePackages : [ '@ant-design/pro-editor' , 'leva' , 'zustand' ] ,
} ;

？用法

 import { SmileOutlined } from '@ant-design/icons' ;
import { ActionIcon } from '@ant-design/pro-editor' ;

export default ( ) => (
  < ActionIcon
    title = { 'Function button description' }
    icon = { < SmileOutlined /> }
    onClick = { ( ) => {
      alert ( 'Trigger action' ) ;
    } }
  />
) ;

特征

笔记

前端组件库已彻底改变了开发，通过数量级和提高用户体验提高效率。然而，尽管像蚂蚁设计（ANTD）和procomponents这样的图书馆很成熟，也许会想知道是否还有任何创新空间。


授权的功能

笔记

我们设想将Propedit作为编辑组件的基础库，类似于ANTD，使开发人员能够轻松地创建具有固有优质用户体验的复杂交互式组件。这是证明ProEditor背后的理由。

我们的主张原则：

  • ？直观编辑：支持自然用户互动，例如多选，取消选择和键盘快捷键，以确保平滑的编辑体验。
  • 默认情况下精制：增强蚂蚁设计组件，以更多的抛光和精致提供出色的用户体验。
  • ？开放灵活性：提供原子级功能，提供各种组件，钩子和实用程序功能，以实现广泛的自定义和灵活性。

编辑器字段中的UI框架和前端组件解决方案：

提示

Proeditor专注于扩大可行的限制，并增加开发人员可用的工具，以构建复杂，交互式和以用户为中心的Web应用程序。例如：

  • ？ DraggablePanel ：允许可重大的可移动面板，从而增强用户界面的交互性。
  • 列清单：提供一个用户友好的可排序列表，可通过列定义可管理，从而简化了复杂的列表交互。
  • ？ Freecanvas ：提供类似于Sketch或Figma的应用程序的可重大画布，为用户提供了巨大的创意设计空间。
  • ？ ICONPICKER ：与IconFont兼容的图标选择工具，使将广泛的图标集成到设计中变得更加容易。
  • 在线协作：使用YJS和Zustand商店等技术结合了多用户功能，从而实现了实时协作编辑和互动。

框架架构

主张的结构是有效地促进这些原则。


？展示柜

让我们展示一些证明者的签名组件：

DraggablePanel列清单
对于可解析和可移动的面板基于列定义的用户友好型排序列表
Freecanvas Iconpicker
类似于草图或无花果的无限缩放画布与ICONFONT兼容的图标选择工具
在线协作
YJS和Zustand商店包裹的多用户功能。

？浏览器兼容性

笔记

  • 现代浏览器和Internet Explorer 11（带有多填充）
  • 电子

或克隆到本地发展： 

$ git clone https://github.com/ant-design/pro-editor.git
$ cd pro-editor
$ pnpm install
$ pnpm dev

？贡献

重要的

加入我们的协作生态系统。您的贡献是我们项目的心跳。这就是您可以成为我们充满活力社区不可或缺的一部分的方式：

  • 集成和创新：将Ant Design Pro，Umi和Proeditor纳入您的项目。您的真实用法和反馈对我们来说是无价的。
  • 表达您的见解：遇到故障？有查询吗？您的观点很重要。通过提交问题并帮助我们增强用户体验来分享它们。
  • 塑造未来：有代码增强或功能想法吗？我们邀请您提出拉动请求，并直接为代码库的演变做出贡献。

庆祝大小的每一个贡献。加入我们的任务，以完善和提升开源企业UI组件的世界。 ？





？️生态系统

  • Procomponents-专为企业级应用程序而设计，使用ant设计，例如Pro！。
  • PROEDITOR-最终的编辑UI框架和组件。
  • Proflow- React -Flow上的流程编辑框架基础。
  • ProChat-用于快速构建LLM聊天接口的组件库。

执照

版权所有©2023 -AFX和ANT数字。
该项目已获得MIT许可。

展开
附加信息
  • 版本 v1.3.0
  • 类型 其他资源
  • 更新时间 2025-08-08
  • 大小 547.41KB
  • 来自于 Github
相关应用
为您推荐
相关资讯 全部