elm rte toolkit Download - elm rte toolkit Source Code Download

elm rte toolkit

موارد أخرى

1.0.0

تنزيل

مجموعة أدوات محرر النصوص الغنية

إنشاء محررين نصين غني في الدردار.

Rich Text Editor Tootitor هو مشروع مفتوح المصدر لجعل محرري منصات Cross على الويب. تعامل هذه الحزمة القابلة للضمن كجهاز I/O ، وتستخدم أحداث المتصفح ومراقبي الطفرة للكشف عن التغييرات وتحديث نفسها. يتم تعريف نموذج المحرر والتحقق من صحته من خلال مواصفات قابلة للبرمجة تتيح لك إنشاء محرر مخصص مخصص يناسب احتياجاتك.

كانت هذه الحزمة مستوحاة بشكل كبير من أطر محرر النصوص الغنية الأخرى مثل Prosemirror و Trix و DraftJS.

موارد

حزمة ELM: https://package.elm-lang.org/packages/mweiss/elm-rte-toolkit/latest/
الصفحة التجريبية: https://mweiss.github.io/elm-rte-toolkit (رمز المصدر في الدليل التجريبي)
ويكي: https://github.com/mweiss/elm-rte-toolkit/wiki

ابدء

تتطلب هذه الحزمة بعض أدوات WebComponents للبدء.

إذا كان بإمكانك دعم ES6 ، فيمكنك تضمين JS/Elmeditor.js في مشروعك واستيراده إلى جانب polyfill المفضل لديك.

 import '@webcomponents/webcomponentsjs/webcomponents-bundle.js'
import 'elmEditor.js'

العرض التوضيحي في هذا المستودع يفعل ذلك بهذه الطريقة.

ومع ذلك ، إذا كنت ترغب في استخدام Bundler و Polyfill ، فيمكنك استيراد Polyfill المفضل لديك واستيراد حزمة NPM التي تم تجميعها JS المستودع إلى ES5 مع NPM ، على سبيل المثال:

npm install --save @webcomponents/webcomponentsjs
npm install --save elm-rte-toolkit

وفي JavaScript الخاص بك ، يمكنك استيراده مثل:

 import '@webcomponents/webcomponentsjs/webcomponents-bundle.js'
import '@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js'
import 'elm-rte-toolkit' ;

بدء CSS

يمكنك استخدام أي الأنماط التي تريدها للمحرر ، ولكن قد ترغب في استخدام ما يلي كنقطة انطلاق. الأهم من ذلك ، أنك ربما تريد white-space: pre-wrap; للتمييز بين المساحات المتعددة:

. rte-main {
    text-align : left;
    outline : none;
    user-select : text;
    -webkit-user-select : text;
    white-space : pre-wrap;
    word-wrap : break-word;
}

. rte-hide-caret {
    caret-color : transparent;
}

المساهمة

هذه الحزمة هي برنامج مفتوح المصدر ، قابل للتوزيع بحرية بموجب شروط ترخيص BSD-3-Cause. يتم استضافة رمز المصدر على Github.

المساهمات في شكل تقارير الأخطاء أو طلبات السحب أو المناقشات المدروسة في متتبع قضية Github نرحب. يرجى الاطلاع على مدونة قواعد السلوك لتعهدنا بالمساهمين.