Obsidian 插件 Advanced Multi-Column:提供更接近富文本编辑器体验的分栏插件

[!example] 插件名片

  • 插件名称:Advanced Multi Column
  • 插件作者:Aditya Amatya
  • 插件版本:2.0.4(2026 年 2 月 24 日首发,截止至 2026 年 6 月 4 日,共发 16 版)
  • 插件概述:根据 Github 主页显示,该插件开发过程中用到了 Claude Advanced Multi-Column插件在实时预览模式下对某一分栏进行编辑时,不会破坏对其它分栏的渲染,为用户提供了尽量接近富文本编辑器的编辑体验
  • 插件项目地址:点我跳转
  • 国内下载地址:下载安装

术语解说

相比于其它分栏插件,本插件在实时阅览模式下对某一分栏进行编辑时,不会破坏对其它分栏的渲染,为用户提供了尽量接近富文本编辑器的编辑体验

基本语法例(无须特意学习,仅供参考,后面会介绍如何一键插入代码):

%% col-start %%
%% col-break %%
第一个分栏内容
%% col-break %%
第二个分栏内容
%% col-end %%
  • 每个标识符都要单开一行
  • 容器标识符%% col-start %%%% col-end %%分别标志着分栏的开始和结束
  • 分栏标识符%% col-break %%可通过代码自定义宽度,例:%% col-break:40 %%会渲染为 40% 宽度的分栏;%% col-break:40 %%
  • %% col-start %%%% col-break %%之间的内容会被忽略

基本用法

[!NOTE] 如何插入分栏?
在命令面板中执行Advanced Multi Column:Insert (...) layout命令,(...)有多种类型,按需执行;或在正文中点击右键,在右键菜单中点击Insert 2 columnsInsert 3 columnsInsert layout下的各种预设布局


除了嵌套以外的预设布局在阅读模式下的渲染图,从上到下依次为:Sidebar + contentStacked wideCornell notesKanban boardInfo card

[!NOTE] 如何自定义分栏样式?
每个字段以冒号与属性值连接,用逗号分隔,不需空格,标点必须全是英文标点,例:%% col-start:b:secondary,bc:accent,sb:1 %%

字段 属性名称 属性值
b: 背景颜色 transparent, primary, secondary, alt, accent-soft, red-soft, orange-soft, yellow-soft, green-soft, cyan-soft, blue-soft, pink-soft
bc: 边框颜色 gray, accent, muted, text, red, orange, yellow, green, cyan, blue, pink
t: / tc: 文字颜色 gray, accent, muted, text, red, orange, yellow, green, cyan, blue, pink
sb: 是否显示边框 1/0, true/false, yes/no, on/off
h: / hd: 是否显示分栏间的垂直分割线 1/0, true/false, yes/no, on/off

[!NOTE] 如何插入嵌套分栏?
语法例:

%% col-start %%
%% col-break:40 %%
# Column 1
Top-level content.
%% col-break:60 %%
# Parent column
This column contains nested columns.

%% col-start %%
%% col-break %%
## Child column 1
Nested content.
%% col-break %%
## Child column 2
Nested content.
%% col-end %%
%% col-end %%

渲染效果图:

[!NOTE] 如何快速对已有分栏进行编辑?


在实时阅览模式下右键点击分栏,唤出如上图弹窗:

  • 最上方的三个按钮分别是在本分栏右侧或下方添加同级分栏为本分栏添加子分栏删除本分栏
  • Column N此处的 N 代表本分栏是同级第 N 个
    • Stacked:看不懂是什么功能
    • Border:如启用,则本分栏会渲染边框线,在后面的下拉菜单中选择边框线颜色
    • Left border:如启用,则只会渲染左边的边框线
    • Background:在下拉菜单中选择背景颜色
    • Text color:在下拉菜单中选择标题和正文文字颜色
  • Separator
    • Show separator:如启用,则渲染本分栏与下一个同级分栏间的分隔线
    • Options:在下拉菜单中依次选择分隔线的样式、颜色和粗细
  • Parent N此处的 N 代表本分栏的亲分栏是同级第 N 个
    • Layout:选择本分栏与其同级分栏是竖向分栏(row)还是横向分栏(stack)
    • Border:如启用,则本分栏的亲分栏会渲染边框线,在后面的下拉菜单中选择边框线颜色
    • Background:在下拉菜单中为本分栏的亲分栏选择背景颜色
    • Text color:在下拉菜单中为本分栏的亲分栏选择标题和正文文字颜色
      将鼠标悬浮于分栏上,点击分栏右上角浮现的加号按钮即可在其右侧或下方添加新同级分栏
      将鼠标悬浮于分栏上,按住分栏右上角浮现的六个点按钮后拖动即可重排顺序

设置说明

  • General
    • Enable in live preview:如启用,则插件将在实时阅览模式下渲染分栏
    • Enable in reading preview:如启用,则插件将在阅读模式下渲染分栏
    • Fold note properties by default:如启用,则打开或新建笔记时,笔记属性将默认折叠
    • Enable slash:如启用,则在分栏编辑器内启用 slash 命令建议,我也不知道这是什么
    • Inherit style on add:如启用,则每当用户从一个分栏出发新建同级分栏时,新建分栏继承原分栏样式
    • Default column count:在拖动条中选择添加新布局时,默认分栏数量(范围:2-6)
    • Minimum column width:在拖动条中选择任何分栏的最小栏宽百分比
    • Show drag handles:如启用,则显示六个点按钮,可长按拖拽调整分栏顺序
  • Appearance
    • Style target:在下拉菜单中选择本选项卡中规定的样式是应用于全部分栏还是特定分栏
      • Column index:如上一个选项选择了特定分栏,则在拖动条中选择直到第几个分栏为止是特定分栏(范围:1-6)
    • Background:在下拉菜单中选择分栏的背景颜色
    • Show border:如启用,则本分栏会渲染边框线
    • Border color:在下拉菜单中选择边框线颜色
    • Border width:在拖动条中选择边框线的粗细(单位:像素,范围:0-8)
    • Corner radius:在拖动条中选择边框角的圆度
    • Text color:在下拉菜单中选择标题和正文文字颜色
    • Width:在拖动条中选择分栏之间分隔线的粗细(单位:像素,范围:0-8)
    • Style:在下拉菜单中选择分隔线的样式
    • Color:在下拉菜单中选择分隔线的颜色
  • Headers
1 个赞

插件有bug,我在表格编辑文字,然后就一直处于源码无法渲染。

我偶尔也会出现这个问题,只能等作者看看会不会修复了