首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
WindRunnerMax
掘友等级
萌新切图仔
获得徽章 8
字节跳动技术团队
动态
文章
专栏
沸点
收藏集
关注
作品
赞
76
文章 76
沸点 0
赞
76
返回
|
搜索文章
WindRunnerMax
11天前
关注
在富文本编辑器中实现 Markdown 流式增量解析算法
在先前我们我们实现了SSE流式输出的实现,以及基于向量检索的RAG服务。这里我们再来聊一下在SSE流式输出的基础上,将Markdown解析和富文本编辑器的渲染结合,建设文档...
3
评论
分享
WindRunnerMax
12天前
关注
从零实现富文本编辑器#7-基于组合事件的半受控输入模式
在先前我们实现了编辑器选区和模型选区的双向同步,来实现受控的选区操作,这是编辑器中非常重要的基础能力。接下来我们需要在编辑器选区模块的基础上,通过浏览器的组合事件来实现半受...
0
评论
分享
WindRunnerMax
20天前
举报
仿照豆包的”帮我写作“模块,搞了个模版输入框
codesandbox.io
收起
查看大图
向左旋转
向右旋转
赞过
分享
3
2
WindRunnerMax
赞了这篇文章
页面魔术
1月前
关注
尤雨溪: 我们没有放弃虚拟 dom
最近尤雨溪在深圳举办的 Vue Conf 上郑重宣布了无虚拟 DOM 版 Vue:也就是 Vue Vapor 已经可用了。但目前还处于 Alpha 版本,不建议大家用在生产...
58
6
分享
WindRunnerMax
赞了这篇文章
得物技术
25天前
关注
基于TinyMce富文本编辑器的客服自研知识库的技术探索和实践|得物技术
客服知识库是一个集中管理和存储与客服相关的信息和资源的系统,在自研知识库上线之前,得物采用的承接工具为第三方知识库系统。伴随着业务的发展,知识的维护体量、下游系统的使用面临...
6
评论
分享
WindRunnerMax
1月前
关注
浅谈 RAG 并基于 NodeJS 实现基础向量检索服务
学习RAG最好的时间是22年底,其次是现在。RAG服务和当前的AI Infra建设有着密切的关系,作为基础建设的RAG是一个以搜索为核心,围绕各种数据、知识、LLMs等服务...
16
评论
分享
WindRunnerMax
1月前
关注
从零实现富文本编辑器#6-浏览器选区与编辑器选区模型同步
在先前我们基于编辑器数据模型设计了RawRange和Range对象两种选区模型。在这里我们需要将浏览器选区与编辑器选区关联起来,以此实现受控的DOM选区同步策略。...
0
评论
分享
WindRunnerMax
赞了这篇文章
前端欧阳
vue3编译原理揭秘 作者 @v heavenyjj0012
·
2月前
关注
5分钟带你搞懂从0打造一个ChatGPT
按照大家卷的程度来看,在未来的不久不管你是前端还是后端,大模型底层原理将会是和源码一样成为面试中的热门话题。...
22
8
分享
WindRunnerMax
2月前
举报
看了一下豆包的这个输入框,发现竟然是用 slate 做的,而后边生成文档的部分却又引入了新的富文本框架。
我在琢磨着为什么不用同一套,发现 slate 对于 inlines 节点做了特殊处理,例如“主题”这个内嵌的 inline 左右是还可以放光标的,inline 内部也可以放光标。
这点似乎我关注的编辑器例如 Quill、Lexical ,甚至飞书文档、Notion 似乎都没有支持,毕竟两个字符间实际上也只有一个 caret 的光标插入点。
展开
收起
查看大图
向左旋转
向右旋转
赞过
分享
评论
1
WindRunnerMax
赞了这篇文章
披着狼皮的羊_
3年前
关注
为什么掘金的 Markdown 加粗语法(**……**)有时候不生效?
Markdown 将 * 与 _ 作为强调指示符。被单个 * 或 _ 包裹的文本将被 HTML <em> 标签包裹(也就是斜体);被两个包裹的将被 HTML <strong...
22
6
分享
WindRunnerMax
3月前
关注
从零实现富文本编辑器#5-编辑器选区模型的状态结构表达
先前我们总结了浏览器选区模型的交互策略,并且实现了基本的选区操作,还调研了自绘选区的实现。那么相对的,我们还需要设计编辑器的选区表达,也可以称为模型选区。...
0
评论
分享
WindRunnerMax
赞了这篇文章
前端宝哥
公众号:前端开发博客 @深圳德恺:https://www.dkcnas.cn/
·
1年前
关注
CSS `border-image`:复杂却强大,解锁更多创意
你肯定知道 CSS 的 border-image 属性,但可能从未真正使用过它,或者你曾经尝试过,却被它的切片逻辑弄得晕头转向。确实,border-image 的语法有些复...
8
评论
分享
WindRunnerMax
3月前
关注
从零实现富文本编辑器#4-浏览器选区模型的核心交互策略
先前我们提到了,数据模型的设计是编辑器的基础模块,其直接影响了选区模块的表示。选区模块的设计同样是编辑器的基础部分,编辑器应用变更时操作范围的表达,就需要基于选区模型来实现...
0
评论
分享
WindRunnerMax
4月前
关注
富文本编辑器剪贴板模块基石-序列化与反序列化
在富文本编辑器中,序列化与反序列化是非常重要的环节,其涉及到了编辑器的内容复制、粘贴、导入导出等模块。当用户在编辑器中进行复制操作时,富文本内容会被转换为标准的HTML格式...
2
评论
分享
WindRunnerMax
4月前
关注
偶然发现Git文件夹非常大,使用BGF来处理Git历史Blob文件
我们使用Git来管理项目的时候,可能会提交一些Blob的二进制文件,这些文件并不能像文本文件一样采用diff delta的形式进行版本控制。...
1
评论
分享
WindRunnerMax
4月前
关注
基于 OT-JSON 与 Immer 设计低代码/富文本场景的状态管理方案
在复杂应用中,例如低代码、富文本编辑器的场景下,数据结构的设计就显得非常重要,这种情况下的状态管理并非是redux、mobx等通用解决方案,而是需要针对具体场景进行定制化设...
4
评论
分享
WindRunnerMax
4月前
关注
从零实现富文本编辑器#3-基于Delta的线性数据结构模型
数据模型的设计是编辑器的核心基础,其直接影响了选区模型、DOM模型、状态管理等模块的设计。我们从零实现的富文本编辑器就需要从数据模型的设计开始,之后就可以逐步实现其他模块。...
2
评论
分享
WindRunnerMax
赞了这篇文章
king王一帅
前端工程师
·
1年前
关注
轻松入门Prosemirror: 快速掌握其核心概念
本文旨在通过从 prosemirror 的顶层设计入手,以一个小案例,拉通 prosemirror 的核心概念,并理清其中的关系,帮助大家快速认识和入门 prosemirr...
52
9
分享
WindRunnerMax
5月前
关注
从零实现富文本编辑器#2-基于MVC模式的编辑器架构设计
从零实现MVC架构的编辑器,将应用程序分为控制器、模型、视图三个核心组件,通过控制器执行命令时会修改当前的数据模型,进而表现到视图的渲染上。...
6
2
分享
WindRunnerMax
赞了这篇文章
可乐鸡翅kele
3年前
关注
基于抽象语法树+diff算法实现Markdown编译器
前言 在平时写文章的过程中,相信大多数同学用的都是 markdown 编辑器, markdown 可以理解成为一种标记,通过一些标准的规则去规定某一个字符串是某种特定的类型...
41
1
分享
下一页
个人成就
优秀创作者
文章被点赞
984
文章被阅读
198,272
掘力值
5,611
字节跳动技术团队
关注了
5
关注者
452
收藏集
5
关注标签
0
加入于
2021-01-15