mirror of
https://github.com/Ellpeck/ObsidianCustomFrames.git
synced 2024-11-14 14:59:08 +01:00
32 lines
No EOL
2.2 KiB
Markdown
32 lines
No EOL
2.2 KiB
Markdown
# Obsidian Custom Frames
|
|
An Obsidian plugin that turns web apps into panes using iframes with custom styling. Also comes with presets for Google Keep and more.
|
|
|
|
⚠️⚠️⚠️ **For header-heavy sites like Google Keep to work, this plugin requires Obsidian 0.14.3.** ⚠️⚠️⚠️
|
|
|
|
|
|
|
|
|
|
|
|
## Usage
|
|
To use this plugin, simply go into its settings and add a new frame, either from a preset shipped with the plugin, or a custom one that you can edit yourself. Each frame's pane can be opened using the 'Custom Frames: Open' command.
|
|
|
|
## Presets
|
|
By default, Custom Frames comes with a few presets that allow you to get new panes for popular sites up and running quickly.
|
|
- [Obsidian Forum](https://forum.obsidian.md/)
|
|
- [Google Keep](https://keep.google.com), optimized for a narrow pane on the side
|
|
- [Notion](https://www.notion.so/) (it's recommended to close Notion's sidebar if used as a side pane)
|
|
|
|
If you create a frame that you think other people would like, don't hesitate to create a pull request with [a new preset](https://github.com/Ellpeck/ObsidianCustomFrames/blob/master/main.ts#L7).
|
|
|
|
## Roadmap
|
|
- ~~Allow setting a custom icon for each pane~~
|
|
- Allow displaying custom frames in Markdown code blocks
|
|
- Allow creating links that open in a custom frame rather than the browser
|
|
- Possibly allow executing custom JavaScript in iframes (though security implications still need to be explored)
|
|
|
|
## Acknowledgements
|
|
Thanks to [lishid](https://github.com/lishid) for their help with making iframes work in Obsidian for a purpose like this. Also thanks to them for *motivating* me to turn Obsidian Keep into a more versatile plugin, which is how Custom Frames was born.
|
|
|
|
If you like this plugin and want to support its development, you can do so through my website by clicking this fancy image!
|
|
|
|
[](https://ellpeck.de/support) |