الصفحة الرئيسية>موارد بناء الموقع>موارد أخرى
تنزيل

Proeditor

إطار ومكونات محرر UI Ultimate



اللغة الإنجليزية · 简体中文 · 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' ) ;
    } }
  />
) ;

سمات

ملحوظة

أحدثت مكتبات المكونات الأمامية ثورة في التطور ، وتعزيز الكفاءة حسب أوامر الحجم ورفع تجربة المستخدم. ومع ذلك ، كما هي ناضجة مثل مكتبات مثل ANT Design (Antd) و Procomponents ، قد يتساءل المرء عما إذا كان هناك أي غرفة للابتكار.


تمكين ميزات برودرتور

ملحوظة

نحن نتصور أن Proeditor كمكتبة التأسيسية لتحرير مكونات ، أقرب إلى ANTD ، مما يتيح للمطورين إنشاء مكونات تفاعلية معقدة بسهولة مع تجربة مستخدم متفوقة بطبيعتها. هذا هو الأساس المنطقي وراء ProEditor .

مبادئنا لـ Proeditor:

  • ️ التحرير البديهي : يدعم تفاعلات المستخدم الطبيعية مثل الاختيار المتعدد وإلغاء الاختصاص واختصارات لوحة المفاتيح ، مما يضمن تجربة تحرير سلسة.
  • تم تكريره افتراضيًا : يعزز مكونات تصميم ANT لتقديم تجربة مستخدم فائقة مع المزيد من التلميع والتحسين.
  • ؟ المرونة المفتوحة : يوفر إمكانات على المستوى الذري ، مما يوفر مجموعة واسعة من المكونات ، والسنانير ، ووظائف الأداة المساعدة للتخصيص والمرونة الواسعة.

إطار واجهة المستخدم وحلول مكونات الواجهة الأمامية في حقل المحرر:

نصيحة

يركز Proeditor على توسيع حدود التطبيقات الممكنة وزيادة مجموعة الأدوات المتاحة للمطورين لإنشاء تطبيقات الويب المتطورة والتفاعلية والمتمحورة حول المستخدم. على سبيل المثال:

  • ؟ DraggablePanel : يسمح بالألواح القابلة للتقييم والمواصلة ، مما يعزز تفاعل واجهة المستخدم.
  • قائمة الأعمدة : تقدم قائمة قابلة للفرز سهلة الاستخدام يمكن التحكم فيها من خلال تعريفات الأعمدة ، مما يؤدي إلى تبسيط تفاعلات قائمة المعقدة.
  • ؟ Freecanvas : يوفر قماشًا قابل للتكبير مماثل لتطبيقات مثل Sketch أو Figma ، مما يمنح المستخدمين مساحة واسعة للتصميم الإبداعي.
  • ؟ Iconpicker : أداة اختيار الأيقونات متوافقة مع IconFont ، مما يجعل من السهل دمج مجموعة واسعة من الرموز في التصميم.
  • التعاون عبر الإنترنت : يدمج إمكانيات متعددة المستخدمين باستخدام تقنيات مثل YJS و Zustand Store ، مما يتيح التحرير والتفاعل التعاوني في الوقت الحقيقي.

هندسة الإطار

تم تنظيم Proeditor لتسهيل هذه المبادئ بفعالية.


؟ عرض

دعونا نعرض بعض مكونات توقيع Proeditor:

DraggablePanel قائمة الأعمدة
للألواح القابلة للاشتعال والمتحركة قائمة قابلة للفرز سهلة الاستخدام بناءً على تعريفات الأعمدة
Freecanvas أيقونة
قماش قابل للتكبير لا حدود له يشبه الرسم أو Figma أداة اختيار الأيقونة متوافقة مع Iconfont
التعاون عبر الإنترنت
إمكانيات المستخدم المتعددة ملفوفة في متجر YJS و Zustand.

؟ توافق المتصفح

ملحوظة

  • المتصفحات الحديثة و Internet Explorer 11 (مع Polyfills)
  • الإلكترون

أو استنساخه للتنمية المحلية: 

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

؟ المساهمة

مهم

انضم إلى نظامنا البيئي التعاوني. مساهماتك هي نبضات مشروعنا. إليك كيف يمكنك أن تكون جزءًا لا يتجزأ من مجتمعنا النابض بالحياة:

  • دمج وابتكار : دمج ANT Design Pro و UMI و Proeditor في مشاريعك. إن استخدام العالم الحقيقي وردود الفعل لا تقدر بثمن بالنسبة لنا.
  • التعبير عن رؤيتك : مواجهة خلل؟ هل لديك استعلام؟ وجهات نظرك مهمة. شاركها من خلال تقديم المشكلات ومساعدتنا في تعزيز تجربة المستخدم.
  • تشكيل المستقبل : هل لديك تحسينات رمز أو أفكار ميزة؟ ندعوك لاقتراح طلبات السحب والمساهمة مباشرة في تطور قاعدة بياناتنا.

يتم الاحتفال بكل مساهمة ، كبيرة أو صغيرة. انضم إلينا في مهمتنا لتحسين ورفع عالم مكونات واجهة المستخدم للمؤسسات المفتوحة المصدر. ؟





️ النظام البيئي

  • Procomponents - مصمم للتطبيق على مستوى المؤسسة ، استخدم تصميم النمل مثل Pro!.
  • Proeditor - إطار ومكونات UI Ultimate Editor.
  • PROFLOW - قاعدة إطار محرر التدفق على التدفق التفاعلي.
  • Prochat - مكتبة المكونات لبناء واجهات الدردشة LLM بسرعة.

رخصة

حقوق الطبع والنشر © 2023 - حاضر AFX & Ant Digital.
هذا المشروع مرخص معهد ماساتشوستس للتكنولوجيا.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل