rich_editor

Rich_Editor

Editor de Wysiwyg para Flutter con un rico conjunto de opciones de formato compatibles.

Basado en https://github.com/dankito/richtexteditor, pero para Flutter.

Características

• Bold, en cursiva, subrayado, atravesado, subíndice, SuperScript
• Encabezado 1 - 6, cuerpo de texto, preformado, cita de bloque
• Font (lee todas las fuentes del sistema) (solo Android)
• Tamaño de fuente
• Color de texto
• Color de fondo de texto
• Resaltar texto
• Justifique a la izquierda, al centro, a la derecha, a blockquote
• Sangría
• Deshacer, rehacer
• Lista desordenada (balas)
• Lista ordenada (números)
• Insertar una imagen local o remota
• Insertar enlace
• Insertar la casilla de verificación
• Buscar
• Indicadores de iconos

? Capturas de pantalla

Uso

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

Obtenga HTML actual del editor

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

Establecer enfoque y soltero

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

Contenido de editor claro

 await keyEditor.currentState ? . clear ();

Barra de herramientas personalizada

Si está interesado en crear su propia barra de herramientas, consulte Custom_ToolBar_Demo.Dart en el ejemplo

Licencia

 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.