登录 注册

建议 Vditor 增加异步支持

本贴最后更新于 1739 天前，其中的信息可能已经渤澥桑田

不得不说，vditor 是我用过的最好的 md 编辑器！

在此之前，我用了一周的时间，将我的在线笔记应用的编辑器都升级成了 vditor，各个方面表现的都很优秀！

在我看来 vditor 已经很完美了，唯一让我遗憾的是‘大纲’的开发接口比较少，不支持异步加载内容，这样导致大文件加载速度不是很理想。

故此我建议添加一些异步接口，可以实现需求：‘点击大纲后，异步请求加载对应内容’。

希望 vditor 和 hacpai 越来越好！

  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器，支持所见即所得、即时渲染（类似 Typora）和分屏预览模式。它使用 TypeScript 实现，支持原生 JavaScript、Vue、React 和 Angular。

    369 引用 • 1846 回帖 • 3 关注
沈阳 位置
2 关注
8 回帖
3
3
2
2.1k 92 327 252 575 40 3 66 710

相关帖子

8 回帖
建议 Vditor 增加异步支持

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • Vanessa • via macOS
    订阅者 付费者 MOD

    你是在浏览器中打开么？文档大概有多大？

    1 回复
  • hunterzhao • via Linux
    作者

    原生 js 调用的，文档大小在 32M 左右，这个文档本来是用 gitbook 写的多文件的 md，合成一个就这么大了。

    1 回复
  • Vanessa • via macOS
    订阅者 付费者 MOD

    好像真的很大呀，建议拆成块进行引用。

    1 回复
  • hunterzhao • via Linux
    作者

    恩 操作都要先卡一会 😄 ，我之前想要兼容 gitbook 和 mdbook，就在读取时后台合并一下之后返给前端。

    这个方案不行啊，合并之后太大了就卡住了，我看看怎么自己写个导航之类的吧。

    1 回复
  • Vanessa • via macOS
    订阅者 付费者 MOD

    嗯。最好不要合并成一个，要不浏览器本身都会卡。

  • sharping • • 1 评论

    考虑一下文档生成器方向，类似 mkdoc 这样，优秀的 md 编辑器应该找到最合适的应用场景， 市面上开源文档生成器全是 python 的~~ 世界需要 online，使用 webassembly 存储成本都不需要了，在线仅提供编辑功能，webassembly 提供计算能力， 用 webassembly 访问本机存储和多线程输出 HTML，在线编辑本地文档然后在我的磁盘上输出一个静态站点， 多好的东西，哈哈~

    在本地编辑，本地输出会不会更好
    Vanessa •
  • sharping •

    在线只是为了方便分发，因为你如果说要先下载，一堆人就放弃了

    1 回复
  • hunterzhao • • 3 评论 via Linux
    作者

    是啊 这个还没想好具体怎么弄，感觉最好的办法是修改 vditor 源码，每次异步获取，就像查表一样不能一次将所有数据都加载完了，要按需加载才行。

    目前我是按章节分成多个文件了，有时间再改吧。

    可以把目录移出去自己做，然后点击目录的话加载对应的 md
    Vanessa •
    @Vanessa 嗯嗯 是个办法
    hunterzhao •
    @hunterzhao 否则的话网络加载 37 M 的东西也会比较慢
    Vanessa •
请输入回帖内容 ...
hunterzhao
沈阳
回帖
4
 帖子
1
 积分
982

近期热议

推荐标签 标签

  • ngrok

    ngrok 是一个反向代理，通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 650 关注
  • 宕机

    宕机，多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态，也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态，也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 78 关注
  • wolai

    我来 wolai：不仅仅是未来的云端笔记！

    2 引用 • 14 回帖 • 6 关注
  • LeetCode

    LeetCode（力扣）是一个全球极客挚爱的高质量技术成长平台，想要学习和提升专业能力从这里开始，充足技术干货等你来啃，轻松拿下 Dream Offer！

    209 引用 • 72 回帖
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统，主要使用于便携设备。2005 年由 Google 收购注资，并拉拢多家制造商组成开放手机联盟开发改良，逐渐扩展到到平板电脑及其他领域上。

    336 引用 • 324 回帖
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 30 关注
  • SOHO

    为成为自由职业者在家办公而努力吧！

    7 引用 • 55 回帖 • 4 关注
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据（或者事件）流的 API。它组合了观察者模式，迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 180 关注
  • Spring

    Spring 是一个开源框架，是于 2003 年兴起的一个轻量级的 Java 开发框架，由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构，分层架构允许使用者选择使用哪一个组件，同时为 JavaEE 应用程序开发提供集成的框架。

    949 引用 • 1460 回帖
  • 互联网

    互联网（Internet），又称网际网络，或音译因特网、英特网。互联网始于 1969 年美国的阿帕网，是网络与网络之间所串连成的庞大网络，这些网络以一组通用的协议相连，形成逻辑上的单一巨大国际网络。

    99 引用 • 367 回帖
  • 运维

    互联网运维工作，以服务为中心，以稳定、安全、高效为三个基本点，确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    151 引用 • 257 回帖
  • PHP

    PHP（Hypertext Preprocessor）是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点，主要适用于 Web 开发领域，据说是世界上最好的编程语言。

    182 引用 • 408 回帖 • 490 关注
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。

    76 引用 • 258 回帖 • 629 关注
  • IBM

    IBM（国际商业机器公司）或万国商业机器公司，简称 IBM（International Business Machines Corporation），总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国，是全球最大的信息技术和业务解决方案公司，拥有全球雇员 30 多万人，业务遍及 160 多个国家和地区。

    17 引用 • 53 回帖 • 141 关注
  • 钉钉

    钉钉，专为中国企业打造的免费沟通协同多端平台， 阿里巴巴出品。

    15 引用 • 67 回帖 • 276 关注
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 46 关注
  • 创造

    你创造的作品可能会帮助到很多人，如果是开源项目的话就更赞了！

    184 引用 • 1020 回帖
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发，最早发布于 2014 年 9 月。

    58 引用 • 22 回帖 • 7 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发，并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例： https://wide.b3log.org

    30 引用 • 218 回帖 • 636 关注
  • 工具

    子曰：“工欲善其事，必先利其器。”

    298 引用 • 763 回帖
  • Typecho

    Typecho 是一款博客程序，它在 GPLv2 许可证下发行，基于 PHP 构建，可以运行在各种平台上，支持多种数据库（MySQL、PostgreSQL、SQLite）。

    12 引用 • 67 回帖 • 450 关注
  • etcd

    etcd 是一个分布式、高可用的 key-value 数据存储，专门用于在分布式系统中保存关键数据。

    6 引用 • 26 回帖 • 543 关注
  • 导航

    各种网址链接、内容导航。

    44 引用 • 177 回帖
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    315 引用 • 547 回帖
  • 游戏

    沉迷游戏伤身，强撸灰飞烟灭。

    181 引用 • 821 回帖
  • CentOS

    CentOS（Community Enterprise Operating System）是 Linux 发行版之一，它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码，因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    239 引用 • 224 回帖 • 1 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具，它能把各种资源，例如 JS、CSS（less/sass）、图片等都作为模块来使用和处理。

    42 引用 • 130 回帖 • 249 关注

最新标签