انشأ محتواك
بشكل متطور.
عرض
المميزات
مجموعة ديناميكية من الأوامر
خصص المميزات التي تريد إدراجها، وقم بإضافة الأوامر الخاصة بك.
تصميم محتوى مرن
تحكم تمامًا في تنسيق المحتوى الخاص بك على عكس البناء التقليدي للنشر الذي تعرفه.
تحميل المصادر أصبح سهلًا
تعامل مع الوسائط التى تقوم برفعها من خلال events سهل ومباشر، باستخدام . Align’s event bus سهل.
جهز
الأيقونات
خصص أيقونات align فى ثوان عن طريق تعديل بعض مسارات SVG.
إمكانات غير
محدودة
Align يأتي مع العديد من الأوامر، حدد ما تريد إدراجه وأدخل الأوامر المخصصة الخاصة بك في نهج يشبه المكون.
خلفيات
تفاعلية
اختر لتعيين تأثير parallax أو حتى أضف فيديو إلى خلفية محتواك لتجعله أكثر جاذبية.
مُنتقي ألوان
متكامل
استمتع بتجربة أداة غنية بالألوان تم تصميمه لـ Vue والذي يأتي مع Align.
تمييز
النصوص
Align يستخدم Highlight.js لتسليط الضوء على أي رموز برمجية التي يمكن إدراجها لخدمة احتياجاتك التقنية.
اكتب أسرع باستخدام
مفاتيح الاختصارات
يمكنك رفع مستوى أدائك بفضل مفاتيح الاختصارات لمعظم أوامر Align لكل منWindows و macOS.
التثبيت
والاستخدام
npm install @baianat/align
// or use yarn
yarn add @baianat/align
// Usage
// Include necessary files
<head>
<link rel="stylesheet" href="dist/css/align.css">
<!-- use editor's theme -->
<!-- or create your own -->
<link rel="stylesheet" href="dist/css/default-theme.css">
<!-- @baianat/colorpicker stylesheet -->
<link rel="stylesheet" href="path-to-colorpicker/css/colorpicker.css">
</head>
<body>
...
<!-- @baianat/colorpicker script file -->
<script type="text/javascript" src="path-to-colorpicker/js/colorpicker.j"></script>
<script type="text/javascript" src="dist/js/align.js"></script>
</body>
// HTML Layout
<div class="align"></div>
<script>
new Align('.align', {
// settings
});
</script>