{"id":455,"date":"2020-10-07T14:00:00","date_gmt":"2020-10-07T11:00:00","guid":{"rendered":"https:\/\/html-online.com\/articles\/?p=455"},"modified":"2021-12-07T14:08:07","modified_gmt":"2021-12-07T12:08:07","slug":"detect-adblock-javascript","status":"publish","type":"post","link":"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/","title":{"rendered":"Detect AdBlock With JavaScript"},"content":{"rendered":"<p><a href=\"https:\/\/disableadblock.com\/#how2disable\" target=\"_blank\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"alignright\" src=\"\/articles\/wp-content\/uploads\/2017\/11\/disable-adblock.jpg\" alt=\"disable adblock warning\"><\/a>Some websites ask their visitors to disable the ad blockers to support the creators and the free operation of the site. In this article I&#8217;m going to present the easiest way of implementing an AdBlock detector with JavaScript. You can use this to ask the visitors to <a href=\"https:\/\/disableadblock.com\/#how2disable\" target=\"_blank\" rel=\"nofollow noopener\">disable their ad blockers<\/a>.<br \/>\n<!--more--><\/p>\n<hr>\n<h2>This Article is Outdated!<\/h2>\n<p><strong>AdBlockers, AdBlock Blockers, AdBlock Blocker Blockers are always evolving. We had to rewrite this article because the demo presented here has stopped working. Make sure to <a href=\"\/articles\/how-to-detect-adblockers-with-javascript\/\">check out the new article about the same topic<\/a>.<\/strong><\/p>\n<hr>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright\" src=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/detect-adblocker-javascript.jpg\" alt=\"detect adblocker javascript\" width=\"332\" height=\"460\">We could start arguing about the ethical questions of this matter. Ads are necessary for free content. Every website has to have some income to support itself and to invest in further development. <a href=\"https:\/\/www.google.com\/adsense\/\" target=\"_blank\" rel=\"nofollow noopener\">AdSense<\/a> makes it possible for content creators to monetize their website. Without online advertising there would be no free content on the net, you would have to pay a subscription fee to use <a href=\"https:\/\/www.facebook.com\/htmlcoding\/\" target=\"_blank\" rel=\"nofollow noopener\">Facebook<\/a>, YouTube and even the site you&#8217;re browsing right now.<\/p>\n<p>The problem is that some websites simply are so filled with ads and layovers that you just can&#8217;t find the content itself. The ads on sites with no valuable content deserve to be blocked but if there&#8217;s only one or two ads in the sidebar that shouldn&#8217;t be blocked.<\/p>\n<p>You should disable the AdBlocker if you find the content useful and you wish to support the creator who put time and effort into publishing.<\/p>\n<h2>What is an AdBlocker?<\/h2>\n<p>The AdBlocker is a browser plugin that disables the ads in the browser by blocking certain scripts and DOM elements. Since the ads are constantly changing the ad detectors have to constantly adapt to new ad formats.<\/p>\n<p>You can enable and disable your AdBlocker under the red sign in the top right corner of your web browser. Click the icon, then select <strong>Don&#8217;t run on this domain<\/strong><\/p>\n<h2>How To Detect AdBlocker with JavaScript<\/h2>\n<p>Ad filters will hide every item on the page that it considers to be an ad.<br \/>\nIt will stop loading an external script if it&#8217;s named <strong>wp-banners.js<\/strong>.<br \/>\nIf there&#8217;s a div element with the <strong>adBar<\/strong> class name then it won&#8217;t render it. If we wrap this div inside another one and detect its height with JavaScript then we&#8217;ll get 0 if the AdBlocker is enabled, otherwise the height will be higher than 0.<\/p>\n<p>Check out the <a href=\"\/demo\/adblock-detector\/\" target=\"_blank\" rel=\"nofollow noopener\">live demo here<\/a>. The page will show a popup telling you if there&#8217;s an ad blocker detected.<\/p>\n<p>We are using <a href=\"https:\/\/html-css-js.com\/\" target=\"_blank\" rel=\"nofollow noopener\">HTML-CSS-JavaScript code<\/a> to implement the detector:<\/p>\n<h3>HTML<\/h3>\n<pre style=\"background: #fff; color: #000;\"><span style=\"color: #1c02ff;\">&lt;<span style=\"font-weight: bold;\">div<\/span> <span style=\"font-style: italic;\">id<\/span>=<span style=\"color: #d80800;\">\"wrapfabtest\"<\/span>&gt;<\/span>\n    <span style=\"color: #1c02ff;\">&lt;<span style=\"font-weight: bold;\">div<\/span> <span style=\"font-style: italic;\">class<\/span>=<span style=\"color: #d80800;\">\"adBar\"<\/span>&gt;<\/span>\n    <span style=\"color: #1c02ff;\">&lt;\/<span style=\"font-weight: bold;\">div<\/span>&gt;<\/span>\n<span style=\"color: #1c02ff;\">&lt;\/<span style=\"font-weight: bold;\">div<\/span>&gt;<\/span>\n<\/pre>\n<p>I added a div with the <strong>adBar<\/strong> class and wrapped it inside of another div with a distinctive identifier.<\/p>\n<h3>CSS<\/h3>\n<pre style=\"background: #fff; color: #000;\"><span style=\"font-style: italic;\">.adBar<\/span> {\n    <span style=\"color: #6d79de; font-weight: bold;\">background-color<\/span>: <span style=\"color: #06960e; font-weight: bold;\">transparent<\/span>;\n    <span style=\"color: #6d79de; font-weight: bold;\">height<\/span>: <span style=\"color: #cd0000; font-style: italic;\">1<span style=\"color: #0100b6; font-weight: bold;\">px<\/span><\/span>;\n    <span style=\"color: #6d79de; font-weight: bold;\">width<\/span>: <span style=\"color: #cd0000; font-style: italic;\">1<span style=\"color: #0100b6; font-weight: bold;\">px<\/span><\/span>;\n}\n<\/pre>\n<p>The CSS style is used only to set a height to the div. If you don&#8217;t want to mess with the CSS code then simply add a non-breaking space (&amp;nbsp; character) inside the element, otherwise it won&#8217;t have any height.<\/p>\n<h3>JavaScript<\/h3>\n<pre style=\"background: #fff; color: #000;\"><span style=\"color: #687687;\">$<\/span>(<span style=\"color: #6d79de; font-weight: bold;\">document<\/span>).ready(function(){\n    <span style=\"color: #0100b6; font-weight: bold;\">if<\/span>(<span style=\"color: #687687;\">$<\/span>(<span style=\"color: #d80800;\">\"#wrapfabtest\"<\/span>).<span style=\"color: #06960e; font-weight: bold;\">height<\/span>() <span style=\"color: #687687;\">&gt;<\/span> <span style=\"color: #cd0000; font-style: italic;\">0<\/span>) {\n        <span style=\"color: #3c4c72; font-weight: bold;\">alert<\/span>(<span style=\"color: #d80800;\">'No AdBlock :)'<\/span>);\n        \n    } <span style=\"color: #0100b6; font-weight: bold;\">else<\/span> {\n        <span style=\"color: #3c4c72; font-weight: bold;\">alert<\/span>(<span style=\"color: #d80800;\">'AdBlock Detected '<\/span>);\n        \n    }\n});\n<\/pre>\n<p>The script is using <a href=\"https:\/\/htmlcheatsheet.com\/jquery\/\" target=\"_blank\" rel=\"external nofollow noopener\">jQuery<\/a> to check the height of the element. If the result is higher than 0 then it performs the block of code in the first section, otherwise the second one.<\/p>\n<h2>How to use the AdBlock detector?<\/h2>\n<p><strong>Always be fair!<\/strong><br \/>\n1) Don&#8217;t ask users to disable their AdBlocker then fill their site with layovers and too many ads.<br \/>\n2) Don&#8217;t disable the whole website if the visitor is not receiving your ads. Show a small warning instead, like the examples below.<\/p>\n<p><em>Like Our Website? Keep us running by whitelisting this site in your ad blocker. We&#8217;re serving quality, Rubik&#8217;s Cube-related ads only. Thank you!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Some websites ask their visitors to disable the ad blockers to support the creators and the free operation of the site. In this article I&#8217;m going to present the easiest way of implementing an AdBlock detector with JavaScript. You can use this to ask the visitors to disable their ad blockers.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,3,4,5,8],"tags":[],"class_list":["post-455","post","type-post","status-publish","format-standard","hentry","category-articles","category-freebies","category-html","category-javascript","category-tools"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to detect AdBlock With JavaScript<\/title>\n<meta name=\"description\" content=\"In this article I&#039;m going to present the easiest way of implementing an AdBlock detector with JavaScript. You can use this to ask the visitors to disable\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to detect AdBlock With JavaScript\" \/>\n<meta property=\"og:description\" content=\"In this article I&#039;m going to present the easiest way of implementing an AdBlock detector with JavaScript. You can use this to ask the visitors to disable\" \/>\n<meta property=\"og:url\" content=\"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML Online\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/htmlcoding\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-07T11:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-07T12:08:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/detect-adblocker-javascript.jpg\" \/>\n<meta name=\"author\" content=\"HTML Editor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"HTML Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/\"},\"author\":{\"name\":\"HTML Editor\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\"},\"headline\":\"Detect AdBlock With JavaScript\",\"datePublished\":\"2020-10-07T11:00:00+00:00\",\"dateModified\":\"2021-12-07T12:08:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/\"},\"wordCount\":606,\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/detect-adblocker-javascript.jpg\",\"articleSection\":[\"Articles\",\"Freebies\",\"HTML\",\"JavaScript\",\"Tools\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/\",\"url\":\"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/\",\"name\":\"How to detect AdBlock With JavaScript\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/detect-adblocker-javascript.jpg\",\"datePublished\":\"2020-10-07T11:00:00+00:00\",\"dateModified\":\"2021-12-07T12:08:07+00:00\",\"description\":\"In this article I'm going to present the easiest way of implementing an AdBlock detector with JavaScript. You can use this to ask the visitors to disable\",\"breadcrumb\":{\"@id\":\"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/#primaryimage\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/detect-adblocker-javascript.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/detect-adblocker-javascript.jpg\",\"width\":332,\"height\":460,\"caption\":\"detect adblocker javascript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/html-online.com\/articles\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Detect AdBlock With JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/html-online.com\/articles\/#website\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"name\":\"HTML Online Articles\",\"description\":\"Tips, tricks, tutorials\u2026\",\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/html-online.com\/articles\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/html-online.com\/articles\/#organization\",\"name\":\"HTML Online\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"width\":350,\"height\":350,\"caption\":\"HTML Online\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/htmlcoding\/\",\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\",\"name\":\"HTML Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"caption\":\"HTML Editor\"},\"description\":\"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/@htmlg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to detect AdBlock With JavaScript","description":"In this article I'm going to present the easiest way of implementing an AdBlock detector with JavaScript. You can use this to ask the visitors to disable","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/","og_locale":"en_GB","og_type":"article","og_title":"How to detect AdBlock With JavaScript","og_description":"In this article I'm going to present the easiest way of implementing an AdBlock detector with JavaScript. You can use this to ask the visitors to disable","og_url":"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/","og_site_name":"HTML Online","article_publisher":"https:\/\/www.facebook.com\/htmlcoding\/","article_published_time":"2020-10-07T11:00:00+00:00","article_modified_time":"2021-12-07T12:08:07+00:00","og_image":[{"url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/detect-adblocker-javascript.jpg","type":"","width":"","height":""}],"author":"HTML Editor","twitter_card":"summary_large_image","twitter_misc":{"Written by":"HTML Editor","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/#article","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/"},"author":{"name":"HTML Editor","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d"},"headline":"Detect AdBlock With JavaScript","datePublished":"2020-10-07T11:00:00+00:00","dateModified":"2021-12-07T12:08:07+00:00","mainEntityOfPage":{"@id":"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/"},"wordCount":606,"publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"image":{"@id":"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/detect-adblocker-javascript.jpg","articleSection":["Articles","Freebies","HTML","JavaScript","Tools"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/","url":"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/","name":"How to detect AdBlock With JavaScript","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/#primaryimage"},"image":{"@id":"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/detect-adblocker-javascript.jpg","datePublished":"2020-10-07T11:00:00+00:00","dateModified":"2021-12-07T12:08:07+00:00","description":"In this article I'm going to present the easiest way of implementing an AdBlock detector with JavaScript. You can use this to ask the visitors to disable","breadcrumb":{"@id":"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/html-online.com\/articles\/detect-adblock-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/#primaryimage","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/detect-adblocker-javascript.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/detect-adblocker-javascript.jpg","width":332,"height":460,"caption":"detect adblocker javascript"},{"@type":"BreadcrumbList","@id":"https:\/\/html-online.com\/articles\/detect-adblock-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/html-online.com\/articles\/"},{"@type":"ListItem","position":2,"name":"Detect AdBlock With JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/html-online.com\/articles\/#website","url":"https:\/\/html-online.com\/articles\/","name":"HTML Online Articles","description":"Tips, tricks, tutorials\u2026","publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/html-online.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/html-online.com\/articles\/#organization","name":"HTML Online","url":"https:\/\/html-online.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","width":350,"height":350,"caption":"HTML Online"},"image":{"@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/htmlcoding\/","https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww"]},{"@type":"Person","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d","name":"HTML Editor","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","caption":"HTML Editor"},"description":"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.","sameAs":["https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/@htmlg"]}]}},"_links":{"self":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/comments?post=455"}],"version-history":[{"count":13,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/455\/revisions"}],"predecessor-version":[{"id":1689,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/455\/revisions\/1689"}],"wp:attachment":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/media?parent=455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/categories?post=455"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/tags?post=455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}