Skip to content

v1.0.2

Latest

Choose a tag to compare

@weakingwang weakingwang released this 17 Aug 07:49
a87ebe1

简体中文

Wireloom(for Obsidian)的第一个正式版本。

一个 Obsidian 社区插件,将 Wireloom 文本线框图语言集成到 Obsidian 的 Markdown 渲染管线中。在笔记中编写 wireloom 代码块,即可自动渲染为自包含的 SVG 线框图。

功能特性

  • Markdown 代码块渲染:自动识别 wireloom 围栏代码块并渲染为 SVG
  • 主题自适应:支持浅色/深色主题,可自动跟随 Obsidian 当前主题
  • 标注(annotation):支持沿 SVG 边缘绘制引导线标注
  • 精确定位错误:解析失败时显示行号、列号和可读的错误信息
  • 设置面板:在 Obsidian 设置中配置主题模式和最大显示宽度
  • 安全输出:生成的 SVG 无脚本、无外部引用,可安全注入 DOM
  • 跨平台:兼容 Windows、macOS、Linux 和 Obsidian 移动端

安装方式

  • 手动安装:从 Release 下载 main.jsmanifest.jsonstyles.css,放入 .obsidian/plugins/wireloom/
  • BRAT 安装:使用 Obsidian42-BRAT 插件,添加仓库地址 https://github.com/weakingwang/Wireloom-for-Obsidian

English

The first stable release of Wireloom for Obsidian.

An Obsidian community plugin that integrates Wireloom — a text-based wireframe language designed for AI agents — into Obsidian's Markdown rendering pipeline. Write a wireloom code block in your note, and the plugin automatically renders it as a self-contained SVG wireframe.

Features

  • Markdown code block rendering: automatically recognizes wireloom fenced code blocks and renders them as SVG
  • Theme adaptive: supports light/dark themes, follows Obsidian's current theme automatically
  • Annotations: supports annotation nodes with leader-line callout labels along SVG edges
  • Precise error location: shows line number, column number, and a human-readable error message on parse failure
  • Settings panel: configure theme mode and maximum display width in Obsidian settings
  • Safe output: Wireloom-generated SVG has no scripts and no external references, safe for DOM injection
  • Cross-platform: compatible with Windows, macOS, Linux, and Obsidian mobile

Installation

  • Manual: Download main.js, manifest.json, styles.css from this Release and place them into .obsidian/plugins/wireloom/
  • BRAT: Use the Obsidian42-BRAT plugin, add repo https://github.com/weakingwang/Wireloom-for-Obsidian