rich_editor

Rich_editor

محرر WYSIWYG للرفاهية مع مجموعة غنية من خيارات التنسيق المدعومة.

استنادًا إلى https://github.com/dankito/richtexteditor ، ولكن من أجل الرفرفة.

سمات

• جريئة ، مائلة ، تسطير ، ضرب من خلال ، تراكب ، superscript
• العنوان من 1 إلى 6 ، نص نص ، مسبقًا ، اقتباس كتلة
• الخط (يقرأ جميع خطوط النظام) (Android فقط)
• حجم الخط
• لون النص
• لون الخلفية النص
• تسليط الضوء على النص
• تبرير اليسار ، المركز ، اليمين ، blockquote
• المسافة البادئة ، خارج
• التراجع ، إعادة
• قائمة غير مرتبة (الرصاص)
• القائمة المطلوبة (الأرقام)
• أدخل الصورة المحلية أو عن بعد
• أدخل الرابط
• إدراج مربع الاختيار
• يبحث
• مؤشرات الأيقونة

؟ لقطات الشاشة

الاستخدام

      // Insert widget into tree
      RichEditor (
        key : keyEditor,
        value : 'initial html here' ,
        editorOptions : RichEditorOptions (
          placeholder : 'Start typing' ,
          // backgroundColor: Colors.blueGrey, // Editor's bg color
          // baseTextColor: Colors.white,
          // editor padding
          padding : EdgeInsets . symmetric (horizontal : 5.0 ),
          // font name
          baseFontFamily : 'sans-serif' ,
          // Position of the editing bar (BarPosition.TOP or BarPosition.BOTTOM)
          barPosition : BarPosition . TOP ,
        ),
        // You can return a Link (maybe you need to upload the image to your
        // storage before displaying in the editor or you can also use base64
        getImageUrl : (image) {
          String link = 'https://avatars.githubusercontent.com/u/24323581?v=4' ;
          String base64 = base64Encode (image. readAsBytesSync ());
          String base64String = 'data:image/png;base64, $ base64 ' ;
          return base64String;
        },
      )

احصل على HTML الحالي من المحرر

 String ? html = await keyEditor.currentState ? . getHtml ();
print (html);

تعيين التركيز و unficus

 await keyEditor.currentState ? . focus ();
await keyEditor.currentState ? . unFocus ();

محتوى محرر واضح

 await keyEditor.currentState ? . clear ();

شريط أدوات مخصص

إذا كنت مهتمًا بإنشاء شريط الأدوات الخاص بك ، فتحقق من custom_toolbar_demo.dart في المثال

رخصة

 Copyright 2021 JideGuru

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.