Decode Social Media Embed in Textblock

Support
1

Hi there!

I just added the decode solution to my site and was curious if anyone had any thoughts about my use case. What I’m trying to achieve is to decode a textblock that contains embed code for a tiktok, intsagram or twitter post. When I place the code in an HTML embed it works fine and the video plays. When I insert the code into the textblock and add the decode attributes it decodes it partially and the video doesn’t show at all. If you have any suggestions let me know. And for anyone wondering why I just don’t place it inside a rich text field embed or regular embed, I have plans to integrate it with a more complex solution that requires text blocks but I know its a strange use case. The following is the difference between the embed and the decode textblock solution.

image
image518×764 68.6 KB

image

The following is an example for the code embed I want to place:

<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@surthycooks/video/7262492539192675590" data-video-id="7262492539192675590" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="@surthycooks" href="https://www.tiktok.com/@surthycooks?refer=embed">@surthycooks</a> <p>🫣 </p> <a target="_blank" title="♬ LALA - Myke Towers" href="https://www.tiktok.com/music/LALA-7212832308926089218?refer=embed">♬ LALA - Myke Towers</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
2

Social and podcast embeds in the CMS are the same primary use case we use it for.
Can you share a readonly project link and published webflow.io link?

4


1m

I appreciate the response! Unfortunately, I cannot send a read-only link because the project is confidential, and I can’t just share 1 page without sending the entire project. I only have a cms plan for one site, not a workspace. But I created a page for you to inspect in developer mode:

https://www.shopdat.co/decode

But I followed the documentation and added attribute wfu-decode=’ ’ to the text block and added the script and stylesheet in head tag

5