pro editor Download - pro editor Source Code Скачать

Подготовка

Ultimate Editor UI Framework и компоненты

Английский · 简体中文 · изменение изменений. Ошибка отчета · Функция запроса

Оглавление

Ток

? Установка
- Скомпилируйте с Next.js
? Использование
Функции
- Расширение возможностей Proeditor
- Фреймворк -архитектура
? Витрина
? Совместимость браузера
⌨ местное развитие
? Внося
? ️ экосистема

? Установка

Важный

Этот пакет только ESM.

Чтобы установить @ant-design/pro-editor , запустите следующую команду:

$ pnpm install @ant-design/pro-editor

Скомпилируйте с Next.js

Примечание

По работе правильно с SSS SELE.JS, добавьте 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) и попрограммы, можно задаться вопросом, остается ли какое -либо место для инноваций.

Расширение возможностей Proeditor

Примечание

Мы представляем Proeeditor в качестве основополагающей библиотеки для редактирования компонентов, сродни ANTD, позволяя разработчикам легко создавать сложные интерактивные компоненты с превосходным пользовательским опытом. Это обоснование, стоящее за ProEditor .

Наши принципы для Proeditor:

️ Интуитивно понятное редактирование : поддерживает естественные взаимодействия с пользователями, такие как мультисборник, отключение и сочетания клавиш, обеспечивая плавное впечатление от редактирования.
Уточнены по умолчанию : улучшает компоненты дизайна ANT для обеспечения превосходного пользовательского опыта с большим количеством лака и уточнения.
? Открытая гибкость : предоставляет возможности атомного уровня, предлагая широкий спектр компонентов, крючков и коммунальных функций для обширной настройки и гибкости.

Решения пользовательского интерфейса и компоненты фронта в поле редактора:

Кончик

Preeditor концентрируется на расширении пределов выполнимых и увеличения массива инструментов, доступных разработчикам для построения сложных, интерактивных и ориентированных на пользователя веб-приложений. Например:

? DRAGGABLEPANEL : позволяет определить использование и подвижные панели, улучшая интерактивность пользовательского интерфейса.
Столптив : предлагает удобный сортируемый список, который управляется с помощью определений столбцов, упрощая комплексные взаимодействия списка.
? FreeCanvas : предоставляет увеличиваемый холст, похожий на такие приложения, как Sketch или Figma, предоставляя пользователям огромное пространство для творческого дизайна.
? Iconpicker : инструмент выбора значков, который совместим с Iconfont, что облегчает интеграцию широкого спектра значков в дизайн.
Сотрудничество в Интернете : включает в себя многопользовательские возможности с использованием таких технологий, как YJS и Zustand Store, обеспечивая совместное редактирование и взаимодействие в реальном времени.

Фреймворк -архитектура

Проедьтор структурирован для эффективного облегчения этих принципов.

? Витрина

Давайте продемонстрируем некоторые из фирменных компонентов Proeditor:

DraggablePanel	Список из столбцов
Для изменяемых и подвижных панелей	Сортусовый список для пользователя на основе определений столбцов

Freecanvas	Иконпикер
Безграничный увеличиваемый холст, похожий на эскиз или фигма	Инструмент выбора значков, совместимый с 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 Enterprise с открытым исходным кодом. ?

? ️ экосистема

Procomponents - разработанные для приложения на уровне предприятия, используйте дизайн муравья, как профессионал!.
Proeditor - Ultimate Editor UI Framework и компоненты.
PROFLOW - Основа Редактора потока на реакционном потоке.
Prochat - Библиотека компонентов для быстрого создания интерфейсов чата LLM.