An open API service indexing awesome lists of open source software.

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: 7 days ago
JSON representation

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

Awesome Lists containing this project

README

        

# Callout Editor for Obsidian
[English](README_EN.md) | 中文

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

# 1.0.2 版本更新说明

很高兴地宣布 Callout Editor 1.0.2 版本发布!这次更新主要聚焦于性能优化和用户体验提升:

## 🚀 主要更新
- **显著性能提升**:重构了实时保存机制,大幅减少编辑时的卡顿现象
- **实时保存**:实现了内容的实时保存,可以在输入完毕等待1.5秒后自动保存
- **更流畅的编辑体验**:优化了防抖处理,提供更自然的编辑响应

## 功能特点

- **所见即所得编辑**:在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)。

## 更新日志

### 1.0.2 (2024-04-09)
- 🚀 大幅优化实时保存机制,显著减少编辑时的卡顿现象
- ⚡️ 重构代码提升编辑性能
- 🐛 修复中文输入法输入时的实时保存问题
- 🔧 优化防抖处理,提供更流畅的编辑体验

### 1.0.1 (2024-04-08)
- 🔧 优化实时保存机制,减少卡顿现象
- ⚡️ 提升编辑性能
- 🐛 修复输入法输入时的保存问题