flutter_quill 패키지

Flutter Quill is a rich-text editor for the Flutter framework. It provides a set of customizable and extensible widgets for creating and editing formatted text content. The editor supports a wide range of formatting options, including bold, italic, underline, bullet points, and numbered lists, as well as custom inline and block styles. Flutter Quill is built on top of the QuillJS library, which is a well-established rich-text editor for web applications. It's designed to be highly customizable and flexible, with the ability to easily extend or modify the editor's behavior and appearance. The Flutter Quill package includes a number of pre-built widgets, such as the QuillEditor and QuillField widgets, that make it easy to integrate the editor into your Flutter app. It also provides a range of configuration options and event handlers that allow you to fine-tune the editor's behavior and respond to user input. 번역결과 Flutter Quill은 Flutter 프레임워크용 서식 있는 텍스트 편집기입니다. 서식 있는 텍스트 콘텐츠를 만들고 편집하기 위한 사용자 정의 및 확장 가능한 위젯 세트를 제공합니다. 편집기는 굵게, 기울임꼴, 밑줄, 글머리 기호, 번호 매기기 목록, 사용자 지정 인라인 및 블록 스타일을 비롯한 다양한 서식 옵션을 지원합니다. Flutter Quill은 웹 애플리케이션용 서식 있는 텍스트 편집기로 널리 알려진 QuillJS 라이브러리를 기반으로 구축되었습니다. 편집자의 동작과 모양을 쉽게 확장하거나 수정할 수 있는 기능과 함께 사용자 정의가 가능하고 유연하도록 설계되었습니다. Flutter Quill 패키지에는 편집기를 Flutter 앱에 쉽게 통합할 수 있도록 해주는 QuillEditor 및 QuillField 위젯과 같은 미리 빌드된 여러 위젯이 포함되어 있습니다. 또한 편집기의 동작을 미세 조정하고 사용자 입력에 응답할 수 있는 다양한 구성 옵션 및 이벤트 핸들러를 제공합니다.

워드나 피피티를 사용할 때 칸이나 글자 크기 등등 여러가지를 쉽게 수정할 수 있게 하는 패키지이다. 

 

import 'package:flutter_quill/flutter_quill.dart';

class MyQuillEditor extends StatefulWidget {
  @override
  _MyQuillEditorState createState() => _MyQuillEditorState();
}

class _MyQuillEditorState extends State<MyQuillEditor> {
  final QuillController _controller = QuillController.basic();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('My Quill Editor'),
      ),
      body: QuillEditor(
        controller: _controller,
        readOnly: false,
        expands: false,
        padding: EdgeInsets.all(8),
        placeholder: 'Enter your text here...',
      ),
    );
  }
}

위처럼 사용하면 좋다!