canvas editor

قماشية محرر

محرر نصية غني بواسطة قماش/SVG

عرض العرض التوضيحي · عرض مستندات · الإبلاغ عن خطأ · طلب ميزة · الأسئلة الشائعة

أحب المشروع؟ يرجى النظر في التبرع لمساعدته على التحسن!

نصائح

1. البرنامج المساعد الرسمي: Canvas-Editor-Plugin
2. طبقة العرض بواسطة SVG قيد التطوير ، انظر الميزة/SVG
3. ميزة تصدير PDF متوفرة الآن ، انظر الميزة/PDF

الاستخدام الأساسي

npm i @hufe921/canvas-editor --save

 < div class =" canvas-editor " > </ div > 

 import Editor from '@hufe921/canvas-editor'

new Editor ( document . querySelector ( '.canvas-editor' ) , {
  main : [
    {
      value : 'Hello World'
    }
  ]
} ) 

سمات

• عمليات نصية غنية (تراجع ، إعادة ، خط ، حجم ، جريئة ، مائلة ، تسطير ، ضربة ، superscript ، المحاذاة ، العنوان ، القائمة ، ...)
• إدراج عناصر (الجدول ، الصورة ، الرابط ، كتلة رمز ، كسر الصفحة ، صيغة الرياضيات ، منتقي التاريخ ، كتلة ، ...)
• طباعة (استنادًا إلى القماش إلى الصورة ، رسم PDF)
• عناصر التحكم (حدد ، نص ، تاريخ ، راديو ، مربع اختيار)
• ContextMenu (داخلي ، مخصص)
• مفاتيح الاختصار (داخلي ، مخصص)
• اسحب وإسقاط (نص ، عنصر ، تحكم)
• رأس ، تذييل ، رقم الصفحة
• هامش الصفحة
• العلامة المائية
• ترقيم الصفحات
• تعليق
• كتالوج

خريطة الطريق

1. ترحيل الجدول
2. قواعد التحكم
3. تحسين الأداء
4. Crdt

لقطة

ثَبَّتَ

yarn

ديف

npm run dev

يبني

برنامج

npm run build

ليب

npm run lib