{"version":"1.0","provider_name":"Academy","provider_url":"https:\/\/elementor.com\/academy","author_name":"Hodaya","author_url":"https:\/\/elementor.com\/academy\/author\/hodaya\/","title":"How to Use Elementor Code Highlight Widget [PRO] - Academy","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"gkWeTAJ0AF\"><a href=\"https:\/\/elementor.com\/academy\/how-to-use-elementor-code-highlight-widget-pro\/\">How to Use Elementor Code Highlight Widget [PRO]<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/elementor.com\/academy\/how-to-use-elementor-code-highlight-widget-pro\/embed\/#?secret=gkWeTAJ0AF\" width=\"600\" height=\"338\" title=\"&#8220;How to Use Elementor Code Highlight Widget [PRO]&#8221; &#8212; Academy\" data-secret=\"gkWeTAJ0AF\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/elementor.com\/academy\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Code-Highlight-Widget.jpg","thumbnail_width":1920,"thumbnail_height":1080,"description":"Overview Transcript Overview In this tutorial, we will go over the Code Highlight Widget. It is a fast and effortless way to create beautiful code snippets on Elementor, allowing you to make your code more readable and visually consistent with your site, without the need for any additional plugins. This tutorial will cover: \u2714\ufe0e Inserting [&hellip;]"}