如何在Flutter中的文本控件中显示Quill Controller文本?

x33g5p2x  于 2023-10-22  发布在  Flutter
关注(0)|答案(1)|浏览(188)

每当我点击羽毛笔编辑器的文本时,|')在编辑时通常可见。我不想光标出现,不知道如何防止它出现?
目前,我使用Quill编辑器显示readonly : true的文本,例如:

QuillEditor.basic(
    controller: _controller,
    focusNode: _focusNode,
    autoFocus: false,
    readOnly: true,
),

我还尝试使用Text() Widget来显示_controller.document.toPlainText(),但这会删除文本的格式:

Text(
    _controller.document.toPlainText().toString(),
    style: TextStyle(
        fontSize: regulartextsize,
    ),
 ),
0qx6xfy6

0qx6xfy61#

很久以前我也面临过这个问题。所以.我知道有一个简单的参数,你可以通过隐藏光标。
首先,您需要自己创建一个Quill编辑器,然后像下面的例子一样传递值

// QuillToolbar.basic(controller: _controller),
QuillEditor(
    controller: _controller,
    scrollController: _scrollController, // ScrollController(),
    scrollable: true,
    focusNode: _focusNode, // FocusNode(canRequestFocus: false),
    autoFocus: false,
    readOnly: true,
    expands: true,
    showCursor: false,    // <--- This is important for hiding the cursor
    padding: const EdgeInsets.all(16),
),

相关问题