闲鱼技术2022年度白皮书-Flutter主题-打造Flutter高性能富文本编辑器——协议篇（上）
作者：光酒 闲鱼作为一个二手闲置交易平台，卖家发布商品产出优质的供给尤为重要。商品发布器希望拥有富文本编辑能力，让用户简单便捷的方式产出更加优质的内容；Flutter本身没有富文本编辑器的能力的，只有最基础的文本编辑器TextField。 对于更加复杂的场景，比如支持自定义表情、主题、有序段落等能力，目前flutter组件是无法满足我们的业务诉求，另外在交互体验上....
闲鱼技术2022年度白皮书-Flutter主题-打造Flutter高性能富文本编辑器——协议篇（中）
接上篇：2. Slate协议层设计 协议层的整体架构设计如下图： 下面我们就以Slate为例，来看一看富文本编辑器的协议层设计，需要定义的核心概念和模块： • 嵌套Model定义。• 原子能力Operation设计。• 秩序维护者Normalizing的设计。 1) 协议层设计——嵌套Model设计 Slate定义了三种类型的Node....
闲鱼技术2022年度白皮书-Flutter主题-打造Flutter高性能富文本编辑器——协议篇（下）
接上篇：2) 协议层设计——原子能力Operation 接下来需要富文本Commond协议的设计，用户的每一次的文字输入、删除、文字加粗、换行等操作都是一次Command指令；Slate抽象定义了九个最基本的Operations，协议层所有的Commond指令，最终在协议层，都会转换成一个或者多个operation操作： • insert_node：插入Node节点• ins....
闲鱼技术2022年度白皮书-Flutter主题-打造Flutter高性能富文本编辑器—渲染篇（上）
作者：光酒 一、 开篇 协议篇文章，我们介绍了Flutter富文本编辑器协议层的设计。以Slate为例，介绍了协议层设计的几个重要的概念：嵌套Model、Opeartion、Normalizing；站在Slate的肩膀上，让我们有了一个强壮、设计完善的富文本协议层，接下来就让我们看看渲染层是如何实现的； 让我们回顾一下Mural整体的架构设计分层：&...
闲鱼技术2022年度白皮书-Flutter主题-打造Flutter高性能富文本编辑器——渲染篇（中）
接上篇：4. 支持WidgetSpan 在实现自定义表情的过程中，我们发现在展示状态，复杂的WidgetSpan渲染是不存在问题的，但是在编辑状态支持WidgetSpan遇到了一系列问题。 简单一点的做法就是，在编辑状态将表情变成中括号包裹的文字，变成一个不可编辑的inline&void类型的Element。 但我们目标是实现一个所见即所得的富文本编辑器，为....
闲鱼技术2022年度白皮书-Flutter主题-打造Flutter高性能富文本编辑器——渲染篇（下）
接上篇：二、 扩展能力 扩展能力是我们设计之初就非常重视的能力，为接入方提供简单、强大的自定义扩展能力，支持复杂、不断变化的业务诉求；接下来我们就以自定义主题和撤销功能的实现，来看一看Mural在扩展能力方面的设计。 1. 自定义Node——主题能力 原文为gif 如上面视频演示的，当输入两个#中间包含字符，则变成一个主题的样式，点击可以跳转到对应的主题落....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
Flutter技术相关内容
- 技术Flutter
- Flutter技术canvas
- Flutter技术实践
- Flutter技术优化
- Flutter技术列表
- Flutter技术性能优化
- Flutter技术滚动性能优化
- Flutter技术跨平台
- Flutter技术图标
- Flutter技术样式
- 构建Flutter技术
- weex Flutter技术
- Flutter技术dash图标
- 技术Flutter方案
- 技术白皮书Flutter主题
- 技术Flutter节日图片库
- 技术白皮书Flutter
- 技术白皮书Flutter主题富文本编辑器
- 技术Flutter框架
- Flutter技术点评
- Flutter技术实战
- Flutter性能技术
- Flutter解析闲鱼技术演进创新
- 首发Flutter技术实战
- Flutter技术入门实战
Flutter您可能感兴趣
- Flutter流式
- Flutter聊天
- Flutter跨平台
- Flutter权限
- Flutter步骤
- Flutter设备
- Flutter环境配置
- Flutter Android
- Flutter环境
- Flutter运行
- Flutter开发
- Flutter应用
- Flutter Dart
- Flutter组件
- Flutter Widget
- Flutter插件
- Flutter工程
- Flutter Widgets
- Flutter基础
- Flutter平台
- Flutter自定义
- Flutter框架
- Flutter研发
- Flutter教程
- Flutter前端
- Flutter项目
- Flutter笔记
- Flutter Web
- Flutter动画
- Flutter实战
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。
+关注