2020-08-02, 12:30 PM
I have an issue where I've added myCode for Twitter and Instagram which will work as so..
.. embeds an Instagram post
The issue is that when typing/pasting the instagram/twitter URL between the tags in the 'post topic' or 'post reply' editor, the editor is converting the URL to a clickable hyperlink and that is stopping the myCode embedding from working.
In the post editor, if you click on the URL then 'unlink' to remove the hyperlink.. the embedding works.
Similarly.. if you enter the mycode in the 'Quick Reply' box... this works, as thats a basic text box and it doesn't convert the URL to a hyperlink.
Any ideas how this can be solved ?
Heres the insta myCode I'm using
[insta]https://www.instagram.com/p/B0wdGjCCSAw/[/insta]
.. embeds an Instagram post
The issue is that when typing/pasting the instagram/twitter URL between the tags in the 'post topic' or 'post reply' editor, the editor is converting the URL to a clickable hyperlink and that is stopping the myCode embedding from working.
In the post editor, if you click on the URL then 'unlink' to remove the hyperlink.. the embedding works.
Similarly.. if you enter the mycode in the 'Quick Reply' box... this works, as thats a basic text box and it doesn't convert the URL to a hyperlink.
Any ideas how this can be solved ?
Heres the insta myCode I'm using
<div style="text-align:center">
<iframe src="//instagram.com/p/$1/embed/" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" align="center" width="612" height="710" frameborder="0" scrolling="auto" allowtransparency="true" style="border: 1px #b2a998 solid; border-radius: 5px; box-shadow: 0px 0px 7px 0px rgba(106, 101, 91, 0.5); " text-align:center; text-decoration:none; width:100%;" target="_blank">
</iframe></div>