rich_editor

Rich_editor

풍부한 지원 형식 옵션 세트가있는 Flutter 용 Wysiwyg 편집기.

https://github.com/dankito/richtexteditor를 기반으로하지만 Flutter.

특징

• 대담하고, 이탤릭체, 밑줄, 파업, 첨자, 첨부
• 1-6, 텍스트 본문, 사전 형성, 블록 견적
• 글꼴 (모든 시스템 글꼴 읽기) (Android 만 해당)
• 글꼴 크기
• 텍스트 색상
• 텍스트 배경색
• 강조 텍스트
• 왼쪽, 중앙, 오른쪽, 블록 쿼트를 정당화하십시오
• 들여 쓰기
• 실행 취소, Redo
• 순서가없는 목록 (총알)
• 주문 목록 (번호)
• 로컬 또는 원격 이미지를 삽입하십시오
• 링크를 삽입하십시오
• 확인란을 삽입하십시오
• 찾다
• 아이콘 표시기

? 스크린 샷

용법

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

초점과 초점을 설정하십시오

 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.