PDA

View Full Version : Embedding Pixiv artwork into posts


Vintum
06-09-2015, 05:42 PM
Hello,
I've been trying to figure out a way to handle this, and I've not been able to find any existing solutions/plugins for this particular scenario. I'm trying to be able to embed images from Pixiv while following their rules on how to go about it. Meaning, we need to use their script codes. Obviously, I can't just go an let everyone post scripts like this, so I've come here to see if anyone else more experienced in this kind of thing may be able to see a method for making this work that I am unaware of. I looked at trying to make it into a BB code, but I'm not all that well versed in how that works, and I didn't see a way to make it work while having all these additional variables. Is this what "option" would have to be used for? Seems very complicated for a single BB code.
Maybe I'll have to cut some parts of this code out to make it work properly?

An example of the provided embed code from Pixiv. I have bolded and underlined all the parts I can find that are different for every image.
<script src="http://source.pixiv.net/source/embed.js" data-id="50791962_7b7a71a69067a8fe6d1b807be4222d9f" data-size="large" data-border="off" charset="utf-8"></script><noscript><p><a href="http://www.pixiv.net/member_illust.php?mode=medium&amp;illust_id=50791962" target="_blank">シビラ</a> by <a href="http://www.pixiv.net/member.php?id=6263370" target="_blank">添え兎</a> on <a href="http://www.pixiv.net/" target="_blank">pixiv</a></p></noscript>

Hopefully someone has a better idea on this. I'm supposed to leave in the links to the original image and the artist.
Thanks.

blind-eddie
06-09-2015, 07:59 PM
Create a new custom bbcode

Name: Pixiv

BB Code Tag Name: pixiv

Replacement:
<script src="http://source.pixiv.net/source/embed.js" data-id="{param}" data-size="small" data-border="off" charset="utf-8"></script>

Change small to Medium or Large if you so desire to show that size image.

Example: 50791962_7b7a71a69067a8fe6d1b807be4222d9f

Description: What ever you want.

Button Image (Optional): http://leofa-studio.net/fei/pictures/manabi_06_byFei.gif
Add whatever image you want, I grabbed this one from the internet.



Leave the rest as they are, SAVE.

Explain to your users how to use it.

Vintum
06-09-2015, 08:09 PM
Thank you.
I see, it really was that simple. :o
I was thinking I needed to include everything after the </script> tag as well.