Jump to content
Sue Busher

Events

Recommended Posts

Hi

I've found a great site for managing events more effectively but when I try to embedd the code into HTML widget it is blank. I suspect it needs additional code around it for it to work. Would someone be able to advise please?

Code is:

<div data-tockify-component="calendar" data-tockify-calendar="events.kennet"></div>
<script data-tockify-script="embed" src="https://public.tockify.com/browser/embed.js"></script>

Thanks in advance

 

Link to comment
Share on other sites

Hi Sue,

This won't be working as to prevent Cross Site Scripting attacks, we actively remove <script> tags from the HTML Widget; there is of course a way around this.

<div data-tockify-component="calendar" data-tockify-calendar="events.kennet"></div>
<script>
    var $script = $(document.createElement('script'));

    $script.attr('data-tockify-script', 'embed')
        .attr('src', 'https://public.tockify.com/browser/embed.js');
    
    this.element.append($script);
</script>

Here we are manually creating the script element. We have to do this, as the HTML Widget uses a regex which removes instances of '<script>' and '</script>'. This is also why we can't use jQuery to create the element for us.

 

Hope this helps

 

~ Chris

  • Like 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...