pro editor 다운로드 - pro editor 소스 코드 다운로드

전제

최고의 편집기 UI 프레임 워크 및 구성 요소

영어 · · · changelog. 보고 버그 · 요청 기능

목차

? 설치

중요한

이 패키지는 ESM 전용입니다.

@ant-design/pro-editor 설치하려면 다음 명령을 실행하십시오.

$ pnpm install @ant-design/pro-editor

다음으로 컴파일합니다 .JS

메모

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' ) ;
    } }
  />
) ;

특징

메모

프론트 엔드 구성 요소 라이브러리는 개발에 혁명을 일으켰으며, 순서로 효율성을 높이고 사용자 경험을 높였습니다. 그러나 Ant Design (Antd)과 같은 도서관과 같은 도서관과 마찬가지로 혁신을위한 공간이 있는지 궁금 할 것입니다.

전제의 기능을 강화합니다

메모

우리는 Proeditor를 Antd와 유사하게 구성 요소를 편집하기위한 기초 라이브러리로 구상하여 개발자가 본질적으로 우수한 사용자 경험을 가진 복잡한 대화 형 구성 요소를 쉽게 만들 수 있습니다. 이것은 ProEditor 의 이론적 근거입니다.

전문가를위한 우리의 원칙 :

? ️ 직관적 편집 : 다중 선택, 탈수 및 키보드 단축키와 같은 자연스러운 사용자 상호 작용을 지원하여 원활한 편집 경험을 보장합니다.
기본적으로 정제 : 개미 설계 구성 요소를 향상시켜 더 많은 광택 및 개선으로 우수한 사용자 경험을 제공합니다.
? 개방형 유연성 : 원자 수준의 기능을 제공하며 광범위한 사용자 정의 및 유연성을 위해 광범위한 구성 요소, 후크 및 유틸리티 기능을 제공합니다.

편집기 필드의 UI 프레임 워크 및 프론트 엔드 구성 요소 솔루션 :

팁

Proeditor는 실행 가능한 한도를 확장하고 정교하고 대화식 및 사용자 중심 웹 애플리케이션의 구성을 위해 개발자가 이용할 수있는 도구 배열을 강화하는 데 중점을 둡니다. 예를 들어:

? DRAGGABLEPANEL : RESIZABLE 및 MOVEBLE 패널을 허용하여 사용자 인터페이스의 상호 작용을 향상시킵니다.
ColumnList : 열 정의를 통해 관리 할 수있는 사용자 친화적 인 정렬 가능한 목록을 제공하여 복잡한 목록 상호 작용을 단순화합니다.
? Freecanvas : Sketch 또는 Figma와 같은 응용 프로그램과 유사한 확대 가능한 캔버스를 제공하여 사용자에게 창의적인 디자인을위한 광범위한 공간을 제공합니다.
? IconPicker : IconFont와 호환되는 아이콘 선택 도구로 인해 다양한 아이콘을 디자인에 쉽게 통합 할 수 있습니다.
온라인 공동 작업 : YJ 및 Zustand Store와 같은 기술을 사용하여 다중 사용자 기능을 통합하여 실시간 공동 작업 편집 및 상호 작용을 가능하게합니다.

프레임 워크 아키텍처

Proeditor는 이러한 원칙을 효과적으로 촉진하도록 구성됩니다.

? 유리 진열장

Proeditor의 서명 구성 요소 중 일부를 보여 드리겠습니다.

DraggablePanel	칼럼 목록
Resizable 및 Movable 패널 용	열 정의를 기반으로하는 사용자 친화적 인 정렬 목록

Freecanvas	ICONPICKER
스케치 또는 피그마와 비슷한 무한 확대 수용 캔버스	아이콘 폰트와 호환되는 아이콘 선택 도구

온라인 협업
YJS 및 Zustand Store에 랩핑 된 다중 사용자 기능.

? 브라우저 호환성

메모

현대식 브라우저 및 인터넷 익스플로러 11 (폴리 플릴 포함)
전자

또는 지역 개발을 위해 복제 :

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

? 기여

중요한

공동 생태계에 가입하십시오. 귀하의 기여는 우리 프로젝트의 심장 박동입니다. 활기찬 커뮤니티의 필수 부분이 될 수있는 방법은 다음과 같습니다.

통합 및 혁신 : Ant Design Pro, UMI 및 Proeditor를 프로젝트에 통합하십시오. 귀하의 실제 사용 및 피드백은 우리에게 매우 중요합니다.
당신의 통찰력을 표명하십시오 : 결함이 발생 하시겠습니까? 쿼리가 있습니까? 당신의 관점이 중요합니다. 문제를 제출하여 공유하고 사용자 경험을 향상시킵니다.
미래 형성 : 코드 향상이나 기능 아이디어가 있습니까? 풀 요청을 제안하고 코드베이스의 진화에 직접 기여하도록 초대합니다.

크든 작은 모든 기여는 축하됩니다. Open-Source Enterprise UI 구성 요소의 세계를 개선하고 향상시키는 사명에 참여하십시오. ?