flutter 富文本编辑器,花了三个多月的时间初步完成

功能介绍

文本

加粗、下划线、中划线、斜体、链接、代码段

加粗下划线

任务列表、有序无序列表、引用块、一二三级标题 任务列表有序无序列表

表格

表格

代码块

代码块

分割线

分割线

快捷键操作

撤销、恢复 撤销恢复

复制、粘贴

复制粘贴

换行、全选、缩进、反缩进 换行全选

方向键的使用 方向键

感兴趣的小伙伴可以在这里了解这个项目,觉得项目不错的话也不妨 star 一下: https://github.com/morn-fun/crayon

我也发布了可以线上体验的 Web 版,欢迎线上感受一下: https://morn-fun.github.io/crayon/

可以看到,目前仅仅只有文本相关的内容,比如像图片这一块就暂时没有实现

同时主要的操作都在桌面端上,说来也可乐,一个基于移动端跨平台的框架目前只实现了桌面端的效果,移动端还没有花时间去适配 倒反天罡

看得到的和看不到的,都有很多需要完善的地方,所以目前只是以 v0.6.0 的版本开始发布,而不是 v1.0.0 ,希望后面 1.0.0 发布的时候,它可以真正的作为一个日常写作工具,具备实际且稳定的生产力

当然啦,看得到的和看不到的,都有很多需要完善的地方,所以目前只是以 v0.6.0 的版本开始发布,而不是 v1.0.0 ,希望后面 1.0.0 发布的时候,它可以真正的作为一个日常写作工具,具备实际且稳定的生产力


flutter 富文本编辑器,花了三个多月的时间初步完成
30 回复

更多关于flutter 富文本编辑器,花了三个多月的时间初步完成的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


目前中文字体在 flutter web 中会有一段的下载时间,下载完后经过刷新才能显示,这个属于正常表现,但也是 flutter 官方需要解决的问题

按照我们老板的 PUA 话术:
这个简单的功能你要做 3 个月?
你这样的简历发出去连面试的机会都没有

大哥,拿你老板 PUA 的话术来贬损我这并不幽默
有时间的话还请你看完或者体验一下,然后看看它是否真如你所见的那么“简单”
至于三个月嘛,我认为并不短,设计和实现都需要时间,写单元测试也需要时间

star 了,加油
逛 V2EX 有时候发觉自己确实没有一些 v 友有行动力,挺想写一款开源产品的

star 支持了,富文本编辑器是天坑要是能做好你就是 flutter 富文本编辑器第一人了

纯 dart 吗 我去可以的

支持了,已 star ,代码好整洁啊。

谢谢,有想法的话只管动手吧,后面的事情动手了也许就清晰了

谢谢,给我时间,我会努力完善它的

是的,纯 flutter 项目

牛啊, 已 star

这个是因为当 flutter web 项目中没有配置 Roboto 和 Noto Sans SC 字体时,它会自己去 https://fonts.gstatic.com 下载这两种字体,解决办法就是自己把这两个字体文件下载下来裁剪一下配置到项目中。当时也希望 flutter 官方尽快解决这个问题。

厉害,提个 bug 。代码快里面复制,再粘贴会有点问题。

是这样的,感谢解释

😂发现了,的确有这个 bug ,已解决,多谢


创建链接的时候光标错位了

看不到图片,方便的话也可以到 github 提一下 bug😂

哈哈,厉害,我用的是 appflowy_editor ,有空集成你的试试

可以先体验一下,目前还不适合集成,等未来 1.0.0 了应该就差不多了😂

大佬牛逼,等完善了干到我的应用里面去!哈哈哈。
我就想实现这种效果,可惜水平不行
https://github.com/ychisbest/AnyNote

这可真是大工程

关于您提到的Flutter富文本编辑器项目,经过三个多月的初步开发,这确实是一个值得肯定的成就。Flutter作为一个跨平台的UI框架,其强大的组件化和自定义能力为开发富文本编辑器提供了坚实的基础。

在开发过程中,您可能遇到了诸多挑战,如文本格式的解析与渲染、多样化的文本样式支持、图文混排的处理以及编辑器性能的优化等。这些问题的解决不仅考验了您的技术能力,也为您积累了丰富的开发经验。

初步完成后,建议您可以进行以下几方面的优化和测试:

  1. 性能优化:确保编辑器在处理大量文本或复杂格式时依然流畅。
  2. 兼容性测试:在多个平台和设备上测试编辑器的表现,确保跨平台的一致性。
  3. 用户反馈收集:邀请部分用户试用编辑器,收集反馈并据此进行迭代改进。
  4. 功能扩展:根据需求逐步增加如撤销重做、搜索替换、自动保存等实用功能。

此外,持续关注Flutter社区的更新和技术动态,可以帮助您更好地维护和优化编辑器。同时,也可以考虑将您的编辑器开源或分享到相关技术社区,与更多开发者交流心得,共同推动Flutter技术的发展。

总之,三个多月的努力值得肯定,希望您的Flutter富文本编辑器能够不断完善,成为一款优秀的跨平台文本编辑工具。

回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!