rich_editor

Rich_editor

WYSIWYG -Editor für Flutter mit einer Reihe unterstützter Formatierungsoptionen.

Basierend auf https://github.com/dankito/richtextextex, aber für Flattern.

Merkmale

• Mutig, kursiv, unterstreichen, streiken, einschreibend, superscript
• Überschrift 1 - 6, Textkörper, vorformatiert, Blockzitat
• Schriftart (liest alle Systemschriften) (nur Android)
• Schriftgröße
• Textfarbe
• Text Hintergrundfarbe
• Highlight Text
• Links, Mitte, rechts, blockquote rechtfertigen
• Einrückung, Outdent
• Rückgängig, wiederholen
• Ungeordnete Liste (Kugeln)
• Bestellte Liste (Nummern)
• Fügen Sie lokales oder Fernbild ein
• Link einfügen
• Kontrollkästchen einfügen
• Suchen
• Symbolindikatoren

? Screenshots

Verwendung

      // 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;
        },
      )

Holen Sie sich aktuelles HTML vom Herausgeber

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

Fokus und Unfokus setzen

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

Inhalt des Editors löschen

 await keyEditor.currentState ? . clear ();

Benutzerdefinierte Symbolleiste

Wenn Sie daran interessiert sind, Ihre eigene Symbolleiste zu erstellen

Lizenz

 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.