ly-tools / gitbook-plugin-codepen

Embed Codepen preview into your Gitbook
MIT License
16 stars 5 forks source link

Code Pen Embeds converting to 'anonymous pens' #1

Open tinamayswinkels opened 8 years ago

tinamayswinkels commented 8 years ago

I seem to be having problems embedding the codepen pens, they are appearing on the site as anonymous.

Example:

On this page -- https://instituteofcode.gitbooks.io/pre-coursework/content/structural_html_elements.html

I've used this shortcode:

Which should link to this pen: http://codepen.io/instituteofcode/pen/eZVgbX

By instead it looks like the image below and the link in the embedded code (from inspecting the element) is href="https://codepen.io/anon/pen/pen"

Any tips? screen shot 2016-04-14 at 7 23 53 pm

jennyknuth commented 7 years ago

I can't see what shortcode you used (it is blank, above), but I just tried using this
[](codepen://instituteofcode/eZVgbX?height=300) and it seems to work fine. Basically, remove the /pen from your url.