Блог

введите описание изображения здесь Код для редактора FlutterQuill

 import 'package:flutter/material.dart';
import 'package:flutter_quill/widgets/controller.dart';
import 'package:flutter_quill/widgets/editor.dart';
import 'package:flutter_quill/widgets/toolbar.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:sizer/sizer.dart';

class Storyteller extends StatefulWidget {
  @override
  _StorytellerState createState() => _StorytellerState();
}

QuillController _controller = QuillController.basic();

class _StorytellerState extends State<Storyteller> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          AppBar(
            title: Text(
              "Storyteller",
              style: TextStyle(
                fontFamily: GoogleFonts.oregano().fontFamily,
                fontSize: 6.0.h,
                fontWeight: FontWeight.w900,
                color: Colors.black,
              ),
            ),
          ),
          Padding(
            padding: const EdgeInsets.only(top: 8.0),
            child: QuillToolbar.basic(controller: _controller),
          ),
          Expanded(
            child: Padding(
              padding: const EdgeInsets.all(8.0),
              child: Container(
                decoration: BoxDecoration(
                  boxShadow: [
                    BoxShadow(
                      color: Colors.blue.shade200,
                      offset: const Offset(
                        5.0,
                        5.0,
                      ),
                      blurRadius: 10.0,
                      spreadRadius: 2.0,
                    ),
                    BoxShadow(
                      color: Colors.white,
                      offset: const Offset(
                        0.0,
                        0.0,
                      ),
                      blurRadius: 0.0,
                      spreadRadius: 0.0,
                    ),
                  ],
                ),
                child:
                    QuillEditor.basic(controller: _controller, readOnly: false),
              ),
            ),
          ),
        ],
      ),
    );
  }
}
 

это фрагмент кода, который я написал, а ниже приведен код, который я искал в Интернете для хранения редактора quill, но не знал, куда его вставить и как он будет работать (где добавить его кнопку и как, чтобы приведенный ниже код работал для хранения)

Код для хранения:

 var json = jsonEncode(_controller.document.toDelta().toJson());



var myJSON = jsonDecode(incomingJSONText);

_controller = QuillController(

document: Document.fromJson(myJSON),

selection: TextSelection.collapsed(offset: 0));
 

пожалуйста, помогите мне добавить этот код