跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 在线版 typora,目前最好用的 markdown 编辑器,没有之一
未分類
5 2 月 2021

在线版 typora,目前最好用的 markdown 编辑器,没有之一

在线版 typora,目前最好用的 markdown 编辑器,没有之一

資深大佬 : zhdsuperm 8

码道人是我们做的一个技术社区类产品,同时提供 markdown 服务如笔记、私信等功能。随着网站越做越好,作者投稿也越来越多,审核工作量直线上升,不过我们发现大部分审核不通过的文章都是排版问题,以前的编辑器也和 CSDN 掘金一样,采用分屏+全屏的模式,我们打算重构,并提供类似 typora 的编辑体验,支持智能排版检查等功能,从源头提高创作质量。

  1. 所见即所得:关注点分离,自动排版
  2. 全适应网站:兼容 Paid 和移动端,支持大纲显示、分屏显示,占用更少的屏幕空间
  3. 良好兼容:支持 markdown 格式,支持富文本编辑和源码编辑切换
  4. 智能检查:通过语法分析自动识别排版错误,帮助创作者提高创作质量

放几张效果图:

插入代码

在线版 typora,目前最好用的 markdown 编辑器,没有之一

插入表格

在线版 typora,目前最好用的 markdown 编辑器,没有之一

自动排版检查( Markdown lint )

在线版 typora,目前最好用的 markdown 编辑器,没有之一

源码编辑模式

在线版 typora,目前最好用的 markdown 编辑器,没有之一

目前还在持续完善中(公式编辑暂时不支持)~欢迎各位 v2er 体验~

markdowner 码道人

大佬有話說 (66)

  • 資深大佬 : coolair

    手机号登录劝退……

  • 主 資深大佬 : zhdsuperm

    @coolair 可以微信登陆

  • 資深大佬 : EasonC

    手机号微信劝退

  • 資深大佬 : hsfzxjy

    看起来不错,但我用 vscode

  • 資深大佬 : Darkside

    社区要实名制这个我能理解,但是能不能把 Markdown 编辑器拆出来,做成免登录的

  • 資深大佬 : lzz2394677796

    在线数据保存我不放心,能像 typra 一样单机版吗

  • 主 資深大佬 : zhdsuperm

    @EasonC @Darkside 这个真的不行!哎真的没办法的呀,相关政策要求,我们以前还有邮箱登陆入口,后来入口都封了,邮箱用户进来还得手机再验证一次。。。

  • 資深大佬 : avastms

    违法你这个宣传

  • 主 資深大佬 : zhdsuperm

    @lzz2394677796 后续要支持保存用户的数据到 github 上(图片+文档),解决数据安全的担忧,另外单机版还在开发中

  • 資深大佬 : 83f420984

    为什么不能邮箱?

  • 資深大佬 : hahastudio

    有什么理由我不用 dillinger.io 或者 stackedit.io/app 呢?

  • 資深大佬 : superrichman

    @Livid 推广+挂羊头卖狗肉

  • 資深大佬 : blaaibla

    感觉拼不过 Typora,本地体验更可靠更沉浸式。这种适合在别人电脑或公司电脑上写东西。

  • 主 資深大佬 : zhdsuperm

    @hahastudio 所见即所得,不用分屏(我们以前的编辑器就是分屏的),更多空间可以边看资料边做笔记。
    @superrichman 帮公司产品推广这没错,不过挂羊头卖狗肉这点不认,有哪些缺陷欢迎提出哈,谢谢~

  • 資深大佬 : also24

    没看明白和 Typora 的关系,是用了同源的技术,还是说因为大家都是 Markdown 编辑器?

  • 主 資深大佬 : zhdsuperm

    @blaaibla 在智能排版检查,图片插入,表格编辑、block cursor 方面的体验会比 typora 好,对比本地版确实感觉比 typora 差,因为网页编辑给人的体验缺少质感,但是我们是为了填补在线版 typora 的空白,同时提高作者创作质量,方便用户随时随地编辑,ttypora 保存本地后换个环境就看不了了。

  • 主 資深大佬 : zhdsuperm

    @also24 不是和 typora 同源的技术,typora 的技术栈你看 help 里面可以看出(存在很多兼容问题,他只编译了一个 chrome 版本,所以只有本地版本软件,在线编辑器最大的技术难题就是浏览器兼容),我们用自己的技术方案实现的,前后花了很长时间。

  • 資深大佬 : hbolive

    挺好的。。
    ttypora 这种本地 APP,换个环境就看不了确实是个问题,希望的是在线的,登录后就可以自由浏览 /编辑自己的笔记。至于这个基础之上提供的增值服务,可以收费。。

  • 資深大佬 : qiguai2017

    下次

    下次也不想用
    ( 推广+挂羊头卖狗肉)

  • 資深大佬 : hantsy

    @zhdsuperm 之前最希望的是 typora 加入 Grammarly 集成。

    如果在线这个问题不大,现在的问题是如果直接编辑 Github MD 文档。

  • 主 資深大佬 : zhdsuperm

    @hbolive 感谢认可哈~ 目前全部功能都是免费的

  • 主 資深大佬 : zhdsuperm

    @qiguai2017 推广这点我认,不过我不觉得产品存在挂羊头卖狗肉的问题,不知道您体验过 typora 没,这不是我们的产品,但是这是目前大部分人认可的编辑体验最好的 markdown 编辑器,我们在保持 typora 编辑体验上进行完善、修复、功能也有所增加,而且对比了市面上大部分编辑器(不少于 20 款),都认为有明显质量提升,所以在线版编辑体验第一我觉得 OK,如果有什么缺陷,欢迎提出具体问题,理性讨论,我们进一步努力完善。谢谢

  • 主 資深大佬 : zhdsuperm

    @hantsy 之后可能会支持直接编辑 github 仓库文件,用户自己新建一个独立仓库,配置密钥,我们将用户数据存储在仓库中,我们不再存储,解决数据存储安全的担忧(大家都是程序员对数据安全都是很敏感的)

  • 資深大佬 : littlewing

    和 typora 有关系吗?

  • 資深大佬 : SolarAA

    我想试用一下编辑器, 必须要登录吗

  • 資深大佬 : cairnechen

    /go/promotions

  • 主 資深大佬 : zhdsuperm

    @littlewing 编辑体验和 typora 类似 @SolarAA 必须登陆呀~,现在哪个社区编辑不需要登陆的呢, 微信登陆也可以

  • 主 資深大佬 : zhdsuperm

    @83f420984 相关政策要求,社区必须实名制,邮箱没有实名,如果邮箱登陆,还的手机验证一次,还不如直接手机验证码登陆

  • 資深大佬 : lixuda

    @zhdsuperm 微信登录,你的网站必须要备案吧,但是你网站上又没有注明备案信息?

  • 資深大佬 : hantsy

    @zhdsuperm 看看 ZenHub 怎么实现的,这种比较少见,IDEA 的图标可以用浏览器的插件实现。Zenhub 直接将它们的 UI 集成到了 Github Web 页面。

  • 資深大佬 : mrchi

    我还真以为 Typora 出网页版了呢!

    首先,你这网站也不是纯在线 markdown 编辑器,是个社区;其次,你和 Typora 没有半点关系,就算你做的比人家好,也不能用“在线版 Typora”这么宣传。要是你做了个网页聊天工具,就算比微信优秀,你敢用“在线版微信”宣传吗?

    以上,蹭 Typora 热度+挂羊头卖狗肉没毛病

  • 資深大佬 : PureWhiteWu

    /go/promotions

  • 資深大佬 : Livid

    @superrichman 谢谢。这个主题已经被移动到 /go/promotions

  • 資深大佬 : superbai

    @Livid 标题党。标题和正文内容不符

  • 資深大佬 : leafre

    没有之一,违反广告法

  • 資深大佬 : liudaolunhuibl

    我为啥不用 Vditor

  • 資深大佬 : wolfie

    单看动图,非常不好用的感觉。

  • 資深大佬 : winterbells

    @blaaibla 看到你这儿之前,我都以为就是 Typora 网页版…

  • 資深大佬 : zhaokun

    为啥要用客户端,为啥不用 web,心里没数吗?东西存在哪儿的问题

  • 資深大佬 : goalidea

    原来是个类似 csdn 这类的,我还以为在线 typora 编辑器。你搞错方向了,这类技术论坛博客什么的,只要支持导入就行了,一般都是本地 typora 编辑,然后直接导入就 ok 了。

  • 資深大佬 : fs418082760

    免登录还可以用用,要开发者个人数据,一个比一个猴精….

  • 資深大佬 : aninchiron

    用的 slate?

  • 主 資深大佬 : zhdsuperm

    @aninchiron 不是 slate 问题太多,以前同步开发过一个 slate 版本,放弃了

  • 資深大佬 : YvanGu

    标题党

  • 資深大佬 : alary17

    。。。。。尴尬,刚进去就一个 bug,然后劝退了。为啥进入到登录界面后,必须登录,点击右上角的关闭按钮不好使呢?

  • 資深大佬 : rodrick

    登录按钮没必要首页放俩吧,有种逼我注册的感觉,一般放在右上角就可以了

  • 資深大佬 : ck65

    Typora + Dropbox 是最香的

  • 資深大佬 : coolwo

    怎么感觉是“软广”…………
    一看要登录才能体验,立刻软了。

  • 資深大佬 : whiler

    和 typora 没有半毛钱关系,小心 typora 给你发律师函

  • 主 資深大佬 : zhdsuperm

    @whiler 抱歉,标题不应该使用 typora 字眼的,因为这个做的比 typora 好,没必要用 typora 来宣传

  • 資深大佬 : Moepo

    @zhdsuperm 嗯嗯表扬!感觉比 CSDN 和百度知道的编辑器好用一些!

  • 資深大佬 : cp19890714

    这么宽的屏幕, 只给文章内容不到三分之一的空间展示, 不能理解.
    是程序员实现不了响应式, 还是产品经理认为 1024 的屏幕才合理?

  • 資深大佬 : xiaohanliang

    我觉得挺好的哦, 支持一把, 我喜欢这种在线 Markdown 的工具, 提两个优化点:
    1. 支持使用 github 作为文档存储位置
    2. 支持按照 gitbook 的方式把文件组织起来

  • 資深大佬 : yolee599

    就要登录这一条已经比不上 typora 了

  • 主 資深大佬 : zhdsuperm

    @yolee599 不登陆不知道数据是谁的呀!不过后续会推出本地版本,或者开源 vscode 插件形式,支持本地使用,我们还在细化方案,不过优先级目前不是很高。
    @cp19890714 宽度是充分计算出来的不会改动( 680px ),网站是响应式的支持 PAID 和移动端,你可以看到 BBC 或者 Facebook 或者苹果官网、今日头条的一些页面都是采用这个尺寸,这个尺寸是阅读体验最佳的,大小和 B3 的书本一样,每行的字数也和 B3 书本一样,相反国内一些社区把内容显示做的很宽是很不好的,如果是为了显示比较长的代码,我们认为代码写太长不是好的代码,不如隐藏,用滚动条去阅读其他部分。
    @xiaohanliang 感谢支持,您说道的两个点是我们要改进的,上面评论也说到了,里面的网盘功能要支持存储到 github 仓库,打消用户数据安全的顾虑,后台数据设计的时候已经考虑在内了,不过目前还不支持哈,还有很多优先级比较高的任务,加班到秃头了都。

  • 資深大佬 : tomari

    让我想起了飞书
    飞书的协作文档就是支持 markdown,也可以可视化操作

  • 主 資深大佬 : zhdsuperm

    @tomari 但是我想它不支持导出 markdown 格式吧,其实他存储还是用的自己的数据格式,这样用户只能进来不能出去,我们这个全站保存的数据都是 markdown 格式,包括用户聊天记录,文章,文档,评论等

  • 資深大佬 : Kilerd

    https://support.typora.io/Draw-Diagrams-With-Markdown/

    这些功能你支持吗? 凭什么打得过 tyopra 。

  • 資深大佬 : cache

    主的应该是想对标 typora,渲染时所见即所得,隐藏 MD 语法,也不用分栏

    编辑器不错,网站太臃肿了,还提供 10G 网盘空间?

  • 資深大佬 : shunia

    看主的回复,感觉工具都做的这么认真了,应该优先考虑独立出来,而不是和社区结合。
    这样可以用独立的形式进行大方向的优化,然后根据社区的需求安排功能优先级。
    好处可能就是既能给用户提供独立的产品体验的同时,确保社区产品的优先级。

    我看大家都说需要登录而且其实是个社区就觉得不想体验了,虽然产品我也非常想尝试。
    另外这确实是一个大方向的需求吧,你们这个没有真正意义上的竞争对手,所以独立出来未尝不能作为一项服务。

    另外的另外,这好像也是国内产品和国外产品的几个区别?国内好像必须要依托一个有存在感的商业产品才能产生技术产品,而国外好多东西是反过来的。所以总感觉国内出不了技术产品,但是其实很可惜,因为应该是有非常多类似主这种在内部产生了很有价值的东西。

  • 資深大佬 : fgk

    法务:这个文案涉及到广告法,需要修改

  • 資深大佬 : wydinhk

    font family 可以再研究一下,西文直接用苹方有丶丶丑

  • 主 資深大佬 : zhdsuperm

    @wydinhk 感谢,font family 前前后后改过很多次了,后续优化也在计划中,目前没有找到适合所有系统所有显示设备所有字体的方案。
    @shunia 感谢,后续社区化甚至开源的计划都是有的,我们可以共享出我们的技术方案,编辑器的数学模型,技术难点攻克,光标优化算法等等,但这些工作的前提是先要有钱养活这个团队,否则公司不同意,这个项目在内部只有工程师投入,连设计师都没有,可以看到目前网站上所有功能都是免费的,其实就是登陆就能体验,暂时不是很大障碍。

    如果说登陆收集用户信息,这个大可不必担心,不想收集手机信息可以微信登陆,微信登陆能够获取到的信息字段也就是昵称性别国籍地区(可以查微信的开发文档看到),这个都可以登陆后在网站设置更改,微信获取到的 ID 也不是你的微信号,而是经过映射的 id,并不能获取用户额外的信息。

  • 主 資深大佬 : zhdsuperm

    @Kilerd 老实说你贴的这些功能实现在我看来太简单了(我是这个站点的全栈工程师、负责人),流程图为什么不支持?因为兼容问题(用户在我这里能用,迁移到其他平台能用吗?我们不想强行绑定用户,而是给用户一个舒适的使用体验),因为描述能力太弱(为什么我不直接贴一张描述力更强的图片?或者用其他更加专业的软件?),因为没有一个完整的数据映射结构,无法实现统一,语法分析树上也一堆 BUG,这是一个很鸡肋的拓展,你在本地写的文档使用了这些功能,发布到其他博客社区平台能用吗?

  • 資深大佬 : hexf00

    安利下思源笔记,以及开源的所见即所得 Markdown 编辑器方案,有精力的可以自己集成哈哈 https://github.com/Vanessa219/vditor

  • 主 資深大佬 : zhdsuperm

    @hexf00 这个我们最开始开发的时候就有对比过,shortcut 体验不是很好,很多组合场景下 BUG 太多了,比如光标的问题,举个简单的例子,firefox 下代码块输入换行,光标显示是错的,输入位置是对的,换成 safari 又不一样了。我们解决这些问题是自己接管光标显示去搞定的,上面动态图蓝色那个。具体问题还有很多,编辑器的输入层 BUG 太多,很多输入法,decorate 组合的问题。

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具