rich_editor

rich_editor

サポートされているフォーマットオプションの豊富なセットを備えたFlutterのwysiwygエディター。

https://github.com/dankito/richtexteditorに基づいていますが、フラッター用です。

特徴

• 太字、斜体、下線、ストライキ、添え字、上付き文字
• 見出し1-6、テキスト本体、プリフォーマット、ブロック見積もり
• フォント（すべてのシステムフォントを読み取り）（Androidのみ）
• フォントサイズ
• テキスト色
• テキストの背景色
• テキストを強調表示します
• 左、中心、右、ブロッククオートを正当化します
• インデント、外で
• 元に戻し、やり直します
• 順序付けられていないリスト（弾丸）
• 注文リスト（番号）
• ローカルまたはリモート画像を挿入します
• リンクを挿入します
• チェックボックスを挿入します
• 検索
• アイコンインジケーター

？スクリーンショット

使用法

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

Editorから現在の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.