Obsidian 插件:Obsidian jTab

Obsidian 插件:Obsidian jTab

插件名片

  • 插件名称:Obsidian jTab
  • 插件作者:davfive
  • 插件说明:使用 jTab 代码块将吉他和和弦图,以图片的形式添加到集中。jTab
  • 插件分类:[’ 编辑器 ’, ’ 美化 ’, ’ 音乐相关 ’, ‘obsidian 插件 ’, ‘readme’]
  • 项目地址:点我访问
  • 国内下载地址:下载安装

概述

使用 jTab 代码块将吉他和和弦图,以图片的形式添加到集中。jTab

Obsidian 插件:Obsidian jTab--概述

原文出处

下面自述文件的来源于 Readme


Readme(翻译)

下面是 obsidian-jtab 插件的自述翻译

Obsidian jTab 指南

Obsidian jTab 可以在你的笔记中直接显示吉他和弦和吉他谱。

它使用 jTab 库来渲染吉他和弦/吉他谱。

jTab 代码块

  • ```jtab

    jTab 行将被渲染。jTab 会自动检测是否存在和弦、吉他指法或两者都有。

  • ```jtab-examples

    输入一个空的代码块以查看所有的 jTab示例

  • ```jtab-chords

    输入一个空的代码块以查看所有可用的和弦(仅名称)。从列表中复制/粘贴任何内容到一个普通的 jtab 代码块中以查看和弦图表。

Obsidian jTab 的特定增强功能

  1. 支持每个代码块中的多个 jTab 行 代码块中的每个 jTab 行将被单独渲染。空行将被忽略。

  2. 支持代码块中的 Markdown 以 `#<space>` (`# `) 开头的行将在渲染的代码块内作为 Markdown 渲染。

  3. 完全可自定义的颜色设置 可选择普通模式(黑底白字)、主题模式(跟随您的主题颜色)或自定义背景、行、文本、和弦点以及弦点文本的颜色。在设置中试用一下。

  4. 快速访问 jtab-examples 将任何 jtab 代码块的语言更改为 jtab-examples(仍然包含您的 jTab),它将渲染示例并在您再次编辑时保留您的 jTab。

  5. 快速访问 jtab-chords 和弦列表 将任何 jtab 代码块的语言更改为 jtab-chords(仍然包含您的 jTab),它将渲染可用的命名和弦列表,并在您再次编辑时保留您的 jTab。

jTab 颜色方案

jTab 的颜色现在可以完全自定义,并且在设置中提供了实时预览。经典模式适用于传统的黑底白字外观,主题模式将跟随您的主题颜色。您可以从这两种模式中选择一种,并更改其中一种颜色,或者自定义混合它们以获得自己喜欢的效果。

学习 jTab

jTab 主页 有一个 符号指南 和大量的 示例

你可以通过简单地添加以下内容,将 jTab 网站上的所有示例直接放入你的笔记中:

```jtab-examples
```

jTab 渲染注意事项

  • 它是否“响应式”?

    jTab 库本身不是响应式的(即根据移动设备和浏览器宽度自动调整大小),因此在移动设备上的效果可能会有所不同。

  • 渲染过宽?

    jTab 渲染的宽度取决于您设置的 jTab 的长度。您可以将长的 jTab 分成多行来显示。

  • 关于 jTab 网站上提到的 chordonly 和 tabonly 类有什么作用?

    jTab 库在渲染 jTab 时会自动检测是否存在和弦和/或标签。在示例页面上提到的 chordonly 和 tabonly 类不会影响渲染的图像。它们是用于在渲染图像的包含 div/父元素无法正确自动调整图像高度时的旧辅助类。在现代浏览器中,这些类不再需要。

渲染的 jTab 示例

只有和弦的 jTab

```jtab
E / / / A7 / B7 /
```

Obsidian 插件:Obsidian jTab--渲染的 jTab 示例

只有指法的 jTab (哈哈)

```jtab
$4.7 $3.5 $2.5 $1.5 $1.7.$4.6 $2.5 $3.5 $1.7 | $1.8.$4.5 $2.5 $3.5 $1.8 $1.2.$4.4 $2.3 $3.2 $1.2 | $1.0.$4.3 $2.1 $3.2 $2.1 . $1.0 $2.1 $3.2 | $2.0.$3.0.$5.2 $2.1.$3.2.$5.0 $2.1.$3.2.$5.0 . $3.2.$5.0
```

Obsidian 插件:Obsidian jTab--渲染的 jTab 示例

带有和弦和指法的 jTab

```jtab
Bm $3 4 4h5p3h4 5 $2 3 5 7 7h8p7 5/7 ||
```

Obsidian 插件:Obsidian jTab--渲染的 jTab 示例

jTab 示例代码块

```jtab-examples
```

Obsidian 插件:Obsidian jTab--渲染的 jTab 示例

归属

社区支持

  • 感谢 @RobColes 提出的 #5(自定义颜色)建议并成为测试人员。

被 Obsidian jTab 使用

  • jTab

    • 许可证 LGPL v2.1(在其 js文件 中,而不是在普通的 GitHub 许可证文件中)

    根据 LGPL 规则,未修改使用 jTab,除非我不修改 jTab 源代码,只是

    • 禁用 jtab.renderimplicit() 在初始化时运行。(它在页面中搜索 jtab 元素并自动渲染它们)
    • 使用 ES6 封装库以便与 node/ts 一起使用

被 jTab 库使用



反馈交流

其他渠道

版权声明