登录 注册

建议 Vditor 增加异步支持

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

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

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

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

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

希望 vditor 和 hacpai 越来越好！

  • Vditor

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

    372 引用 • 1858 回帖
沈阳 位置
2 关注
8 回帖
3
3
2
2.1k 92 332 273 576 41 3 66 747

相关帖子

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

近期热议

推荐标签 标签

  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展，它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖
  • 音乐

    你听到信仰的声音了么？

    62 引用 • 512 回帖
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等，它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比，Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 392 关注
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似，也就是用各类命令预先放入到一个文件中，方便一次性执行的一个程序文件，主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大，比用其他编程程序编辑的程序效率更高，因为它使用了 Linux/Unix 下的命令。

    125 引用 • 74 回帖
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎，可以结合 MySQL、PostgreSQL 做全文搜索，它可以提供比数据库本身更专业的搜索功能，使得应用程序更容易实现专业化的全文检索。

    1 引用 • 228 关注
  • 自由行
    • 2 关注
  • DNSPod

    DNSPod 建立于 2006 年 3 月份，是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析，让电信用户访问电信的服务器，网通的用户访问网通的服务器，教育网的用户访问教育网的服务器，达到互联互通的效果。

    6 引用 • 26 回帖 • 536 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3201 引用 • 8217 回帖 • 2 关注
  • BAE

    百度应用引擎（Baidu App Engine）提供了 PHP、Java、Python 的执行环境，以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用，并且提供动态扩容和负载均衡的运行环境，让开发者不用考虑高成本的运维工作，只需专注于业务逻辑，大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 680 关注
  • 宕机

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

    13 引用 • 82 回帖 • 79 关注
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发，是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 648 关注
  • Solidity

    Solidity 是一种智能合约高级语言，运行在 [以太坊] 虚拟机（EVM）之上。它的语法接近于 JavaScript，是一种面向对象的语言。

    3 引用 • 18 回帖 • 444 关注
  • ZooKeeper

    ZooKeeper 是一个分布式的，开放源码的分布式应用程序协调服务，是 Google 的 Chubby 一个开源的实现，是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件，提供的功能包括：配置维护、域名服务、分布式同步、组服务等。

    61 引用 • 29 回帖 • 10 关注
  • 链书

    链书（Chainbook）是 B3log 开源社区提供的区块链纸质书交易平台，通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书，我们共同构建这个全新的交易平台，让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线，也许以后还有计划重制上线。

    14 引用 • 257 回帖
  • PWA

    PWA（Progressive Web App）是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术，在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 185 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商，致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景，七牛先后推出了对象存储，融合 CDN 加速，数据通用处理，内容反垃圾服务，以及直播云服务等。

    29 引用 • 230 回帖 • 121 关注
  • GraphQL

    GraphQL 是一个用于 API 的查询语言，是一个使用基于类型系统来执行查询的服务端运行时（类型系统由你的数据定义）。GraphQL 并没有和任何特定数据库或者存储引擎绑定，而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 8 关注
  • 职场

    找到自己的位置，萌新烦恼少。

    127 引用 • 1708 回帖
  • IDEA

    IDEA 全称 IntelliJ IDEA，是一款 Java 语言开发的集成环境，在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人员以严谨著称的东欧程序员为主。

    181 引用 • 400 回帖
  • SQLite

    SQLite 是一个进程内的库，实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    4 引用 • 7 回帖 • 1 关注
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    591 引用 • 3528 回帖
  • RIP

    愿逝者安息！

    8 引用 • 92 回帖 • 408 关注
  • sts
    2 引用 • 2 回帖 • 241 关注
  • API

    应用程序编程接口（Application Programming Interface）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。

    79 引用 • 431 回帖
  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本，加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较（vimdiff）、语法高亮、全面的帮助系统、本地脚本（Vimscript）和便于选择的可视化模式。

    29 引用 • 66 回帖
  • 设计模式

    设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    201 引用 • 120 回帖
  • HTML

    HTML5 是 HTML 下一个的主要修订版本，现在仍处于发展阶段。广义论及 HTML5 时，实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    108 引用 • 295 回帖

最新标签