control html of embed in tinymce

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Frans de Jong 548 posts 1840 karma points MVP 4x c-trib

Jan 24, 2018 @ 16:01

0

Control html of embed in tinymce

Hi all,

Is it possible to control the html output of the tinymce embed? I'd like a div around it with at least a classname embed.

Thanks

Copy Link
Matthew Wise 271 posts 1373 karma points MVP 5x c-trib

Jan 24, 2018 @ 16:13

101

Hi,

You would need to create custom versions of the providers in the namespace

Umbraco.Web.Media.EmbedProviders

You can see which ones are used for each embed type in config/EmbeddedMedia.config

Hope that helps,

Matt

Copy Link
Frans de Jong 548 posts 1840 karma points MVP 4x c-trib

Jan 24, 2018 @ 16:16

0

Hi Matt,

Thanks for the answer. So I need to override all the embedproviders with my own where I want the div?

Frans

Copy Link
Matthew Wise 271 posts 1373 karma points MVP 5x c-trib

Jan 24, 2018 @ 16:19

0

Hi Frans,

Yep, you can just call them base one you are overriding then wrap a div element around the output,

You will need to update the config file to point at your version as well.

Matt

Copy Link
Alex Skrypnyk 6150 posts 24110 karma points MVP 8x admin c-trib

Jan 24, 2018 @ 16:46

0

Hi guys

Then it will override all RTEs on the site?

Alex

Copy Link
Matthew Wise 271 posts 1373 karma points MVP 5x c-trib

Jan 24, 2018 @ 16:48

1

Yes it will override all the embed options for the site

Copy Link
Frans de Jong 548 posts 1840 karma points MVP 4x c-trib

Jan 25, 2018 @ 10:26

0

Thanks Matthew,

Will try this out!!

Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?