OpenGate - Embed any website to Obsidian

Share & showcase
1

Hi everybody.

It’s good to see everyone here, hope everyone stays healthy and benefits from Obsidian.

Recently I was thinking, why switch back and forth between Obsidian and Chrome, while Obsidian runs on Electron (it’s just like a browser). You know, developers, we code like fools, so am I, and I ended my day with a plugin that allows you to embed any website into Obsidian, for example I am embed Wiki, sentencestack, and… ChatGPT.

The plugin is simple and easy to use, so I don’t know how to recommend it. That’s it, I’m waiting to be approved. then you can install it. Or you can download it from my repo.

Have fun.

My pull request: Add plugin OpenGate by nguyenvanduocit · Pull Request #1417 · obsidianmd/obsidian-releases · GitHub

My plugin repo: GitHub - nguyenvanduocit/obisdian-open-gate: Help to open a gate from Obsidian to internet. allow you to embed any website to your Obsidian.

img_1
img_11469×1031 132 KB

img_2
img_21469×1031 123 KB

img
img1469×1031 194 KB

image
image1867×1167 142 KB

3 Likes
2

I downloaded main, manifest and styles, installed the plug-in, restarted Obsidian. I don’t see the webpage anywhere.

In the settings you have a pin toggle, and a pin option (left, center, right). What do they mean?

Please explain.

1 Like
3

My bad: the toggle must be “Position”. Fixed in version 1.0.5

As for the position setting, there is a rule which panel will be used to display the website when you click on the ribbon. Left: the left panel, Center: the center (largest) panel, and right is the right panel.

For the issue, does it still happen? can you open developer tool and show me its screenshot?

4

These are my settings:

image

I opened a new tab hoping the webpage would appear there, but it does not.

image
image450×567 40.7 KB

You ask for a developer tool screenshot, but I don’t know what part, so here is the unscrolled top part:

image
image486×850 187 KB

5

hummm, let’s me show you a video on how I use the plugin. Tell me if it can help you or not. btw, there a bug on icon generation, I am fixing it, but it’s the cause.

6

New version released:

feat: Auto detect title, icon.
fix: Icon is hidden in prev version

7

Did you check Custom Frames Plugin ?

This videos shows a use case (ChatGPT): https://www.reddit.com/r/ObsidianMD/comments/zhaxk3/how_to_use_chatgpt_in_obsidian/

8

OK, I know what I did wrong: I have the ribbon hidden because I activate everything there with keyboard shortcuts.

So, when I unhide the ribbon, i.e. show it, then the Bitcoin magazine icon was visible. Clicking on it opens the webpage.

So, my question is: is clicking on the icon in the ribbon the only way to open the webpage? I would ideally like to keep the ribbon hidden.

9

You can also use command: Open gate “…”

10

But you can update the plugin, I just make some improvement.

11

Thanks, I updated the plug-in.

Opening via the command pallet works fine. However, I have set it to open in the center, but it opens on the right, both by using the ribbon icon and by using the command pallet.

12

weird, it works fine for me. Well, after changing the option, if the tab is open, you have to close the tab first, because the plugin will try to activate the tab first if its url match with the gate you want to open.

13

I have OG set to open in the center.
When I open it from the ribbon, it will open in the active tab and replace whatever is there. If I then want to go backwards in that tab to the note it was showing before, it is not possible.

So, I 1st have to open a new tab, then activate OG from the ribbon.

If I want to activate OG from the command palette (which I personally would not do BTW), then the webpage is opened in the right hand sidebar.

From my personal perspective, the plug-in is fine as it is :grinning:

14

haha, do you have discord, my user name in the obsidian discord server is @duocnv. maybe I can call you to fix it.

16

Rather belatedly… just to say thank you for this amazing plugin. It’s a complete game changer. I can now have Google Gemini AI and Bible Gateway on the right, and I can even embed a Google Doc as a tab in the centre of Obsidian, which makes working between the two completely seamless.

Great work - thank you!

17

Thanks you, If you have any issue, feel free to submit a ticket at: Jira Service Management

Btw, I am developing a new plugin to integrate popular LLM into Obsidian, you can request early access here: Jira Service Management

This plugin will be premium, but free forever for early access, so… what do you say.

1 Like
18

Today, I saw some cool tutorial about the plugin, check it out:

19

Thanks for this wonderful plugin. I have two issues.
I have tried embedding a Google disk. If I want to work with a google doc file, it says that the server blocked pop up windows (I also embedded Onedrive and it works well). How can I do it?

Second, I embedded a concrete google disk doc file in a note. It opens and can be edited but it only opens on the right and not in the central area. I know how to change it for a whole website, but I do not know how to do it for a single file.

I have looked at the above videos and read the tutorial. Maybe I am missing something, I would appreciate any help.