Is it possible to make RIchText Editable in Flutter?

Question

I have a situtaion where i need to edit a richtext widget. Im trying to design a compiler in flutter and syntax should be highlighted for it to be userfriendly. The syntax highlighting is working but im not able to edit the richtext. I'm just able to copy paste a code and the syntax is changing styles. I want to be able to edit the Text in RichText

Present Code

RichText(
            textScaleFactor: _baseFontScale,
            text: TextSpan(
              style: TextStyle(fontFamily: 'monospace', fontSize: 12, height: 1.13),
              children: <TextSpan>[
                getSyntax(widget.syntax, widget.syntaxTheme).format(widget.code)
              ],
            ),
          ),

Im currently using stack and placing another textfield in the same place to achieve this but its not going so good. Any help is appreciated.

so you would like to have `TextField` but styled with different styles per each word? — pskink, Feb 11 '21 at 08:03
override [this](https://api.flutter.dev/flutter/widgets/TextEditingController/buildTextSpan.html) method in a custom `TextEditingController` — pskink, Feb 11 '21 at 09:29
I'm new to flutter. Could you please answer it briefly @pskink — Sarah Jackson, Feb 11 '21 at 11:05
https://stackoverflow.com/a/59773962/2252830 - of course you dont need `splitMapJoin` - this is up to you how you construct your `TextSpan` — pskink, Feb 11 '21 at 11:07

score 0 · Answer 1 · answered Feb 23 '21 at 20:27

0

see this package -- extended_text_field

answered Feb 23 '21 at 20:27

famouscat8

1

score 0 · Answer 2 · answered Jul 13 '22 at 11:42

@pskink, You great answer must be an answer here too, not a comment:

It possible to colorize the TextField's content by overriding buildTextSpan method at used TextEditingController: see an example at pskink's answer in related question: https://stackoverflow.com/a/59773962/2064459

Is it possible to make RIchText Editable in Flutter?

2 Answers2