https://github.com/wnhllh/obsidian-callout-editor

Enhance callout of Obsidian with WYSIWYG real-time editing, featuring quick color selection and creation of cascading card layouts.
https://github.com/wnhllh/obsidian-callout-editor

Last synced: about 1 month ago
JSON representation

Enhance callout of Obsidian with WYSIWYG real-time editing, featuring quick color selection and creation of cascading card layouts.

• Host: GitHub
• URL: https://github.com/wnhllh/obsidian-callout-editor
• Owner: wnhllh
• Created: 2024-04-01T13:57:50.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-07T09:32:37.000Z (8 months ago)
• Last Synced: 2024-08-02T17:29:56.234Z (4 months ago)
• Language: JavaScript
• Size: 42 KB
• Stars: 60
• Watchers: 2
• Forks: 1
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-obsidian-zh - wnhllh/obsidian-callout-editor

README

        
# Callout Editor for Obsidian

[English](README_EN.md) | 中文

Callout Editor是一款Obsidian编辑插件，它通过卡片的自由创建组织，所见即所得的编辑方式，实时色彩选择以及灵活的瀑布流布局，优化了Callout的实时编辑与呈现形式。

## 功能特点

- **所见即所得编辑**：在Obsidian中提供Callout的实时编辑功能，简化卡片的创建与修改过程。

- **瀑布流布局**：支持一键创建不同列数的卡片布局，以清晰、有序的方式展示笔记内容。

- **颜色选择器**：通过每个卡片右下角的颜色选择器，轻松为卡片添加色彩标记，增强信息分类的直观性。

- **实时内容储存**：通过在当前卡片文本框外的任何地方点击，即可确保您的修改被立即且自动保存。

## 安装步骤

请参考: [How to install Obsidian Plugins](https://forum.obsidian.md/t/plugins-mini-faq/7737)

1. 创建文件夹 `obsidian-callout-editor`

2. 下载 `main.js, manifest.json, styles.css`

3. 将下载文件放入文件夹

4. 将文件夹放入 YourVault/.obsidian/plugins

5. 重启Obsidian

## 使用指南

### 插入瀑布流卡片簇

- 使用`Ctrl/Cmd + P`呼出命令面板。

- 搜索并选择`Callout Editor: insert two/three/four/five columns`，即可根据需要插入卡片簇。

### 快速调整颜色

- 将鼠标悬停在卡片的右下角以显示颜色选择器。

- 选择适当的颜色，为卡片或文本进行视觉分类。

### 添加新卡片

- 点击卡片右侧的添加按钮，即可在当前卡片旁边新增卡片。

### 保存更改

- 在当前编辑区域外点击一下，即可自动保存所有更改。

## 开源贡献

欢迎任何形式的贡献，无论是功能建议、问题报告还是代码提交。请访问[GitHub仓库](https://github.com/wnhllh/obsidian-callout-editor)。