[GH-ISSUE #206] Embed 3rd party service like Youtube, Tweet, Gist... #69

Open
opened 2026-03-03 00:18:03 +03:00 by kerem · 9 comments
Owner

Originally created by @shashank-k on GitHub (Dec 21, 2019).
Original GitHub issue: https://github.com/BoostIO/BoostNote-App/issues/206

Issuehunt badges

I am trying to embed github gists into the notes.

If something like this exists, it will be excellent.


IssueHunt Summary

Backers (Total: $7.00)

Become a backer now!

Or submit a pull request to get the deposits!

Tips

Originally created by @shashank-k on GitHub (Dec 21, 2019). Original GitHub issue: https://github.com/BoostIO/BoostNote-App/issues/206 <!-- Issuehunt Badges --> [<img alt="Issuehunt badges" src="https://img.shields.io/badge/IssueHunt-%247%20Funded-%2300A156.svg" />](https://issuehunt.io/r/BoostIO/BoostNote.next/issues/206) <!-- /Issuehunt Badges --> I am trying to embed github gists into the notes. If something like [this](https://gohugo.io/content-management/shortcodes/#gist) exists, it will be excellent. <!-- Issuehunt content --> --- <details> <summary> <b>IssueHunt Summary</b> </summary> ### Backers (Total: $7.00) - [<img src='https://avatars1.githubusercontent.com/u/33317390?v=4' alt='ritikchhipa5' width=24 height=24> ritikchhipa5](https://issuehunt.io/u/ritikchhipa5) ($2.00) - $5.00 have been anonymously funded. #### [Become a backer now!](https://issuehunt.io/r/BoostIO/BoostNote.next/issues/206) #### [Or submit a pull request to get the deposits!](https://issuehunt.io/r/BoostIO/BoostNote.next/issues/206) ### Tips - Checkout the [Issuehunt explorer](https://issuehunt.io/r/BoostIO/BoostNote.next/) to discover more funded issues. - Need some help from other developers? [Add your repositories](https://issuehunt.io/r/new) on IssueHunt to raise funds. </details> <!-- /Issuehunt content-->
Author
Owner

@Flexo013 commented on GitHub (Dec 21, 2019):

This is not possible at the moment, but sounds like a useful feature.

<!-- gh-comment-id:568188981 --> @Flexo013 commented on GitHub (Dec 21, 2019): This is not possible at the moment, but sounds like a useful feature.
Author
Owner

@Rokt33r commented on GitHub (Jan 9, 2020):

Sounds good to me. We could exploit ImageReference syntax, ![{description}]({url}), for this.(or introduce other syntax, like [$gist:{gistId}]).

And I found this issue. https://github.com/remarkjs/ideas/issues/9 Although gist doesn't support oembed.

<!-- gh-comment-id:572322807 --> @Rokt33r commented on GitHub (Jan 9, 2020): Sounds good to me. We could exploit ImageReference syntax, `![{description}]({url})`, for this.(or introduce other syntax, like `[$gist:{gistId}]`). And I found this issue. https://github.com/remarkjs/ideas/issues/9 Although gist doesn't support oembed.
Author
Owner

@Rokt33r commented on GitHub (Jan 9, 2020):

https://github.com/djm/remark-shortcodes looks quite promising. So I guess we could do make it like [[gist id=1234]].

<!-- gh-comment-id:572801910 --> @Rokt33r commented on GitHub (Jan 9, 2020): https://github.com/djm/remark-shortcodes looks quite promising. So I guess we could do make it like `[[gist id=1234]]`.
Author
Owner

@issuehunt-oss[bot] commented on GitHub (Jun 12, 2020):

An anonymous user has funded $5.00 to this issue.


<!-- gh-comment-id:643156317 --> @issuehunt-oss[bot] commented on GitHub (Jun 12, 2020): An anonymous user has funded $5.00 to this issue. --- - Submit pull request via [IssueHunt](https://issuehunt.io/repos/74213528/issues/206) to receive this reward. - Want to contribute? Chip in to this issue via [IssueHunt](https://issuehunt.io/repos/74213528/issues/206). - Checkout the [IssueHunt Issue Explorer](https://issuehunt.io/issues) to see more funded issues. - Need help from developers? [Add your repository](https://issuehunt.io/r/new) on IssueHunt to raise funds.
Author
Owner

@Erprincekumarojha commented on GitHub (Jun 18, 2020):

You contact me I will try

<!-- gh-comment-id:645788092 --> @Erprincekumarojha commented on GitHub (Jun 18, 2020): You contact me I will try
Author
Owner

@Flexo013 commented on GitHub (Jun 27, 2020):

@Erprincekumarojha Feel free to pick up this issue and submit a PR for it. When your PR gets merged you will receive the funding for this issue!

<!-- gh-comment-id:650554060 --> @Flexo013 commented on GitHub (Jun 27, 2020): @Erprincekumarojha Feel free to pick up this issue and submit a PR for it. When your PR gets merged you will receive the funding for this issue!
Author
Owner

@themagiulio commented on GitHub (Nov 6, 2020):

Hi, I'm trying to implement this by using remark-shortcodes as suggested by @Rokt33r

I archived to create shortcuts for strings, but I can't put <a></a>.

I wrote these lines of code which are meant to put in the MarkdownPreviewer an <a></a> which points to the given url.

  const shortcodeTransformer = () => {
    return (tree: any, file: any) => {
      visit(tree, 'shortcode', function(node) {
        let attrs = node.attributes;

        node.type = 'a';
        node.href = 'https://boostnote.io';
        node.children = [{type: 'text', value: 'https://boostnote.io'}];
      });
    }
  };

Unfortunately it shows only a block with the string 'https://boostnote.io' as a children...

Can someone explain me how does render work?

<!-- gh-comment-id:723158499 --> @themagiulio commented on GitHub (Nov 6, 2020): Hi, I'm trying to implement this by using [remark-shortcodes](https://github.com/djm/remark-shortcodes) as suggested by @Rokt33r I archived to create shortcuts for strings, but I can't put `<a></a>`. I wrote these lines of code which are meant to put in the MarkdownPreviewer an `<a></a>` which points to the given url. ``` const shortcodeTransformer = () => { return (tree: any, file: any) => { visit(tree, 'shortcode', function(node) { let attrs = node.attributes; node.type = 'a'; node.href = 'https://boostnote.io'; node.children = [{type: 'text', value: 'https://boostnote.io'}]; }); } }; ``` Unfortunately it shows only a block with the string 'https://boostnote.io' as a children... Can someone explain me how does render work?
Author
Owner

@Flexo013 commented on GitHub (Nov 8, 2020):

@themagiulio Please join our Slack and DM Rokt33r directly. He'll be able to help you out.

<!-- gh-comment-id:723637787 --> @Flexo013 commented on GitHub (Nov 8, 2020): @themagiulio Please join our Slack and DM Rokt33r directly. He'll be able to help you out.
Author
Owner

@issuehunt-oss[bot] commented on GitHub (Dec 12, 2020):

@ritikchhipa5 has funded $2.00 to this issue.


<!-- gh-comment-id:743750155 --> @issuehunt-oss[bot] commented on GitHub (Dec 12, 2020): [@ritikchhipa5](https://issuehunt.io/u/ritikchhipa5) has funded $2.00 to this issue. --- - Submit pull request via [IssueHunt](https://issuehunt.io/repos/74213528/issues/206) to receive this reward. - Want to contribute? Chip in to this issue via [IssueHunt](https://issuehunt.io/repos/74213528/issues/206). - Checkout the [IssueHunt Issue Explorer](https://issuehunt.io/issues) to see more funded issues. - Need help from developers? [Add your repository](https://issuehunt.io/r/new) on IssueHunt to raise funds.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/BoostNote-App#69
No description provided.