集成编辑环境 (思源文件浏览器) 改进建议

本贴最后更新于 231 天前,其中的信息可能已经时移世改

需求

  1. 文件管理器作为一个用于管理思源工作空间文件的三方插件,成为一个基座,可以由其他插件带来更多的拓展能力
  2. 对于不同类型的文件,可以调用对应的插件来进行展示、处理等

实现路线

  1. 插件依赖技术

    目前的插件系统既不支持声明依赖,也不支持控制插件的加载顺序,所以我们需要做两件事

    1. 推进官方提供插件依赖声明,建议或强制要求安装插件等
    2. 加载顺序目前我觉得不用管,可以通过运行时的约定进行实现

    关于插件的约定式引用,在旧版插件系统时已有考虑和实现,我实现了一个叫做 wait-finish 的 npm 包,用于约定式的控制声明和执行,详见 https://www.npmjs.com/package/wait-finish

  2. 文件管理器插件提供接口

    a. 注册/取消注册文件夹打开事件响应 registerFolderOpen(handler), unregisterFolderOpen
    b. 注册文件打开响应 registerFileOpen(exts, hanlder), unregisterFileOpen(exts)
    c. 注意,由于插件的生命周期是由思源插件系统控制的,在插件卸载时,也必须调用取消注册,以免产生内存泄漏和插件关闭后扔可生效的问题

    import { Plugin } from 'siyuan';
    import { wait } from 'wait-finish';
    export default class DemoPlugin extends Plugin {
      onload() {
        wait('monaco-editor-loaded').then((editor) => {
    		editor.registerFolderOpen((folderPath) => {
            	this.openFolder(folderPath);
            });
            editor.registerFileOpen(['png', 'jpg', 'jpeg'], (filePath) => {
            	this.openImageFile(filePath);
    		});
        });
    }
    
  3. 可配置化的文件默认打开方式

    维护根据扩展名的打开方式配置,例如 html/css/txt 等文本类型默认使用 monaco-editor 打开、picture 默认使用文件浏览器打开等。同时也可以切换默认打开方式,例如图库插件注册了 png 类型的打开方式,那么可以默认用图库插件来打开 png 文件。这样避免点击左侧文件树中需要多次点击才能打开视频、图片等

PS:集成编辑环境这个名字我觉得改成思源文件浏览器应该能更受欢迎吧~

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    20163 引用 • 77792 回帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
    1. 可以 Q 群讨论讨论
    2. 这个事件和 DOM 事件不一样,没什么冒泡的概念,而且主动权交给多个插件的话,他们权责分不清的我觉得,还得由你的插件掌握大权
    3. 嗯,这点没啥异议
  • 其他回帖
  • 插件依赖技术

    我最近正在重构思源页面初始化与插件加载, 如果有需要的话可以详细讨论一下具体的实现

    文件管理器插件提供接口

    这里感觉可以用更复杂一些的实现, 例如继承一下 EventTarget, 这样就能通过 preventDefault(), stopPropagation()stopImmediatePropagation() 进行控制了

    可配置化的文件默认打开方式

    这里可以配置默认打开方式的同时将其他打开方式添加到菜单中

    1 回复

推荐标签 标签

  • webpack

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

    41 引用 • 130 回帖 • 283 关注
  • JRebel

    JRebel 是一款 Java 虚拟机插件,它使得 Java 程序员能在不进行重部署的情况下,即时看到代码的改变对一个应用程序带来的影响。

    26 引用 • 78 回帖 • 624 关注
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高,单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 95 关注
  • SQLite

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

    4 引用 • 7 回帖
  • AngularJS

    AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 441 关注
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    91 引用 • 751 回帖
  • Markdown

    Markdown 是一种轻量级标记语言,用户可使用纯文本编辑器来排版文档,最终通过 Markdown 引擎将文档转换为所需格式(比如 HTML、PDF 等)。

    165 引用 • 1474 回帖 • 1 关注
  • Thymeleaf

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

    11 引用 • 19 回帖 • 321 关注
  • 工具

    子曰:“工欲善其事,必先利其器。”

    281 引用 • 716 回帖 • 1 关注
  • 钉钉

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

    15 引用 • 67 回帖 • 348 关注
  • Vim

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

    28 引用 • 66 回帖 • 7 关注
  • SOHO

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

    7 引用 • 55 回帖 • 65 关注
  • 负能量

    上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)

    88 引用 • 1234 回帖 • 440 关注
  • danl
    92 关注
  • Swagger

    Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖
  • 电影

    这是一个不能说的秘密。

    120 引用 • 598 回帖
  • 大数据

    大数据(big data)是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    89 引用 • 113 回帖
  • TensorFlow

    TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。

    20 引用 • 19 回帖 • 1 关注
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用,而且功能强大。你无需专门学习,只需看上几眼,就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 600 关注
  • GAE

    Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 705 关注
  • Typecho

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

    12 引用 • 60 回帖 • 463 关注
  • 阿里巴巴

    阿里巴巴网络技术有限公司(简称:阿里巴巴集团)是以曾担任英语教师的马云为首的 18 人,于 1999 年在中国杭州创立,他们相信互联网能够创造公平的竞争环境,让小企业通过创新与科技扩展业务,并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 189 关注
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    70 引用 • 533 回帖 • 734 关注
  • Solo

    Solo 是一款小而美的开源博客系统,专为程序员设计。Solo 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    1427 引用 • 10046 回帖 • 474 关注
  • API

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

    76 引用 • 429 回帖 • 2 关注
  • 深度学习

    深度学习(Deep Learning)是机器学习的分支,是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    41 引用 • 40 回帖
  • 资讯

    资讯是用户因为及时地获得它并利用它而能够在相对短的时间内给自己带来价值的信息,资讯有时效性和地域性。

    54 引用 • 85 回帖