obsidian-plugin/echorgi_obsidian-visual-ui-editor

mirror of https://github.com/echorgi/obsidian-visual-ui-editor.git synced 2026-07-22 17:20:26 +00:00

No description

Find a file

echorgi 857b04174b 修复Bug + 优化		2026-05-16 23:50:37 +08:00
.github/workflows	feat: initial commit	2026-04-22 22:11:18 +08:00
assets	v1.1.4 继续修复bug	2026-05-16 17:33:52 +08:00
src	修复Bug + 优化	2026-05-16 23:50:37 +08:00
.editorconfig	feat: initial commit	2026-04-22 22:11:18 +08:00
.gitignore	feat: initial commit	2026-04-22 22:11:18 +08:00
.npmrc	feat: initial commit	2026-04-22 22:11:18 +08:00
AGENTS.md	feat: initial commit	2026-04-22 22:11:18 +08:00
esbuild.config.mjs	国际化支持	2026-05-16 16:05:50 +08:00
eslint.config.mts	feat: initial commit	2026-04-22 22:11:18 +08:00
LICENSE	feat: initial commit	2026-04-22 22:11:18 +08:00
manifest.json	v1.1.4 修复bug准备上架	2026-05-16 16:45:07 +08:00
package-lock.json	v1.1.4 修复bug准备上架	2026-05-16 16:45:07 +08:00
package.json	国际化支持	2026-05-16 16:05:50 +08:00
README.md	修复README问题	2026-05-16 17:52:36 +08:00
README_ENG.md	1.1.0新增颜色文本输入	2026-04-23 20:39:39 +08:00
tsconfig.json	修改tsconfig,使支持iterable	2026-04-23 22:23:23 +08:00
version-bump.mjs	feat: initial commit	2026-04-22 22:11:18 +08:00
versions.json	feat: initial commit	2026-04-22 22:11:18 +08:00

README.md

Visual UI Editor

English 简体中文繁體中文
A plugin that helps you visually select and modify any UI element.

How to use

Click the icon on the left toolbar to enter selection mode. In this mode, hovering your mouse over any element will select elements of the same type. Left-clicking will then open the editing panel, as shown in the image.

Override Weight: Used to set the strength of the override; the higher the value, the more likely it is to take effect.
Force Switch: When enabled, it overrides any styles that are not set as forced (!important). If both are forced, it depends on CSS specificity/priority.
Erase Styles: Completely erases the modification history of a specific element, restoring it to its original state before any changes were made using this plugin (does not remove styles applied by themes or other methods).
Reset: Resets any modifications made since the panel was opened in the current session (closing the window has the same effect).
Document Preview: Temporarily applies the modifications to the document to preview the effect (the effect disappears after closing the window).
Save: Permanently saves the effects to the snippet folder. You can view the auto-generated style text by opening .snippet/--ui-designer-[your repo/vault name]-default.css.

How to install

Search for Visual UI Editor in the official community plugins marketplace (Recommended).
Install via the BRAT plugin: After installing BRAT, enter this repository path: echorgi/obsidian-visual-ui-editor.

Contact

my REDNOTE

可视化UI元素编辑器

一个帮助你可视化选择并修改任意UI元素的插件

如何使用

点击左侧功能栏的图标，会进入选择模式，此时鼠标移到任意元素即可选中同类元素，左键点击后会打开编辑栏，如图

覆盖权重：用来设置覆盖的强度，越高越容易生效
强制开关：开启后可以覆盖掉任何没有设置强制（!import）的样式，如果都有强制，则看优先级
抹除样式：完全抹除某个元素的修改历史，恢复到没有用该插件进行任何修改时的状态（不抹除主题等其他途径导致的样式）
重置：重置本次面板打开以来的修改（关闭窗口同理）
文档预览：把修改暂时应用到文档，预览效果（关闭窗口后效果消失）
保存：将效果永久保存到snippet文件夹下，可以通过打开.snippet/--ui-designer-[你的仓库名]-default.css来查看自动生成的样式文本