flutter_quill如何设置Editor中的文字为富文本

比如一个场景

在输入框中,@某某某 是一个颜色,其他文本是一个颜色

这里要注意

Dart 复制代码
const QuillEditor({
    required this.controller,
    required this.focusNode,
    required this.scrollController,
    required this.scrollable,
    required this.padding,
    required this.autoFocus,
    required this.readOnly,
    required this.expands,
    this.showCursor,
    this.paintCursorAboveText,
    this.placeholder,
    this.enableInteractiveSelection = true,
    this.enableSelectionToolbar = true,
    this.scrollBottomInset = 0,
    this.minHeight,
    this.maxHeight,
    this.maxContentWidth,
    this.customStyles,
    this.textCapitalization = TextCapitalization.sentences,
    this.keyboardAppearance = Brightness.light,
    this.scrollPhysics,
    this.onLaunchUrl,
    this.onTapDown,
    this.onTapUp,
    this.onSingleLongTapStart,
    this.onSingleLongTapMoveUpdate,
    this.onSingleLongTapEnd,
    this.embedBuilders,
    this.unknownEmbedBuilder,
    this.linkActionPickerDelegate = defaultLinkActionPickerDelegate,
    this.customStyleBuilder,
    this.customRecognizerBuilder,
    this.locale,
    this.floatingCursorDisabled = false,
    this.textSelectionControls,
    this.onImagePaste,
    this.customShortcuts,
    this.customActions,
    this.detectWordBoundary = true,
    this.enableUnfocusOnTapOutside = true,
    this.customLinkPrefixes = const <String>[],
    this.dialogTheme,
    this.contentInsertionConfiguration,
    this.contextMenuBuilder,
    Key? key,
  }) : super(key: key);

这里要注意:

属性this.customStyleBuilder 不要设置,否则的话

通过QuillController的formatText设置局部字体颜色会不起作用

相关推荐
初生牛犊被人煮15 天前
summernote富文本批量上传音频,视频等附件
音频·视频·富文本·summernote·批量上传
小小竹子2 个月前
前端vue-实现富文本组件
前端·vue.js·富文本
walk walk5 个月前
uni-app中使用富文本rich-text个人经验
uni-app·富文本·rich-text
full courage6 个月前
【Android】基于webView打造富文本编辑器(H5)
android·kotlin·html·html5·webview·js·富文本
我码玄黄6 个月前
Meta的开源力作:Lexical框架,富文本的未来
开源·前端开发·富文本·富文本编辑器
sg_knight7 个月前
使用JavaScript将富文本HTML转换为纯文本
前端·javascript·vue·html·富文本
Rudon滨海渔村9 个月前
uniapp富文本编辑-editor-vue2-vue3-wangeditor
前端·vue.js·uni-app·编辑器·富文本
一个人心9 个月前
富文本实现打字效果
unity·富文本·打字机
老马甲1 年前
wangEditor富文本编辑器使用
前端·vue·富文本