{"id":1009,"date":"2024-03-22T15:50:00","date_gmt":"2024-03-22T13:50:00","guid":{"rendered":"https:\/\/html-online.com\/articles\/?p=1009"},"modified":"2024-09-13T11:19:10","modified_gmt":"2024-09-13T08:19:10","slug":"detect-new-website-visitors-with-javascript-cookie","status":"publish","type":"post","link":"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/","title":{"rendered":"Detect New Website Visitors with JavaScript Cookie"},"content":{"rendered":"<p>Sometimes it might want to show a custom message to new visitors, such as a <a href=\"\/articles\/cookie-consent-warning-strap-website\/\">cookie warning<\/a> or some other custom content. Even <a href=\"\/\">our online HTML editor<\/a> is detecting returning visitors and doesn&#8217;t show the demo content to them. This lightweight JavaScript solution will help you detect returning visitors with the use of a cookie.<br \/>\n<a target=\"_blank\" href=\"\/demo\/first-visit\/\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"\/demo\/first-visit\/greeting.jpg\" alt=\"detect first visitor cookie javascript\"><\/a><br \/>\n<!--more--><\/p>\n<h2>Live demo<\/h2>\n<p><a target=\"_blank\" href=\"\/demo\/first-visit\/\" rel=\"noopener noreferrer\"><strong>Open the live demo<\/strong><\/a> and refresh the page to see the message changing. Refresh the page to get something else the second time. Use the Chrome Web Developer browser extension to erase the cookies and make the website behave like you&#8217;re a first time visitor.<\/p>\n<h2>The Script<\/h2>\n<p>The JavaScript barely 30 lines long uncompressed. You&#8217;ll have to customize it according to your needs. Change what happens with new and with returning visitors.&nbsp;In this demo it just changes the contents of a DOM element (#<span style=\"color: #0000e6;\">firstVisit<\/span>).<\/p>\n<pre><span style=\"color: #800000; font-weight: bold;\">function<\/span> GetCookie<span style=\"color: #808030;\">(<\/span>name<span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n  <span style=\"color: #800000; font-weight: bold;\">var<\/span> arg<span style=\"color: #808030;\">=<\/span>name<span style=\"color: #808030;\">+<\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #0000e6;\">=<\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #800080;\">;<\/span>\n  <span style=\"color: #800000; font-weight: bold;\">var<\/span> alen<span style=\"color: #808030;\">=<\/span>arg<span style=\"color: #808030;\">.<\/span><span style=\"color: #800000; font-weight: bold;\">length<\/span><span style=\"color: #800080;\">;<\/span>\n  <span style=\"color: #800000; font-weight: bold;\">var<\/span> clen<span style=\"color: #808030;\">=<\/span>document<span style=\"color: #808030;\">.<\/span>cookie<span style=\"color: #808030;\">.<\/span><span style=\"color: #800000; font-weight: bold;\">length<\/span><span style=\"color: #800080;\">;<\/span>\n  <span style=\"color: #800000; font-weight: bold;\">var<\/span> i<span style=\"color: #808030;\">=<\/span><span style=\"color: #008c00;\">0<\/span><span style=\"color: #800080;\">;<\/span>\n  <span style=\"color: #800000; font-weight: bold;\">while<\/span> <span style=\"color: #808030;\">(<\/span>i<span style=\"color: #808030;\">&lt;<\/span>clen<span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\t<span style=\"color: #800000; font-weight: bold;\">var<\/span> j<span style=\"color: #808030;\">=<\/span>i<span style=\"color: #808030;\">+<\/span>alen<span style=\"color: #800080;\">;<\/span>\n\t<span style=\"color: #800000; font-weight: bold;\">if<\/span> <span style=\"color: #808030;\">(<\/span>document<span style=\"color: #808030;\">.<\/span>cookie<span style=\"color: #808030;\">.<\/span><span style=\"color: #800000; font-weight: bold;\">substring<\/span><span style=\"color: #808030;\">(<\/span>i<span style=\"color: #808030;\">,<\/span>j<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">==<\/span>arg<span style=\"color: #808030;\">)<\/span>\n\t  <span style=\"color: #800000; font-weight: bold;\">return<\/span> <span style=\"color: #800000;\">\"<\/span><span style=\"color: #0000e6;\">here<\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #800080;\">;<\/span>\n\ti<span style=\"color: #808030;\">=<\/span>document<span style=\"color: #808030;\">.<\/span>cookie<span style=\"color: #808030;\">.<\/span><span style=\"color: #800000; font-weight: bold;\">indexOf<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #0000e6;\"> <\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #808030;\">,<\/span>i<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">+<\/span><span style=\"color: #008c00;\">1<\/span><span style=\"color: #800080;\">;<\/span>\n\t<span style=\"color: #800000; font-weight: bold;\">if<\/span> <span style=\"color: #808030;\">(<\/span>i<span style=\"color: #808030;\">==<\/span><span style=\"color: #008c00;\">0<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800000; font-weight: bold;\">break<\/span><span style=\"color: #800080;\">;<\/span>\n  <span style=\"color: #800080;\">}<\/span>\n  <span style=\"color: #800000; font-weight: bold;\">return<\/span> <span style=\"color: #0f4d75;\">null<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800080;\">}<\/span>\n<span style=\"color: #800000; font-weight: bold;\">function<\/span> testFirstCookie<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">{<\/span>\n\t<span style=\"color: #800000; font-weight: bold;\">var<\/span> visit<span style=\"color: #808030;\">=<\/span>GetCookie<span style=\"color: #808030;\">(<\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #0000e6;\">FirstTimeVisitCookie<\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\t<span style=\"color: #800000; font-weight: bold;\">if<\/span> <span style=\"color: #808030;\">(<\/span>visit<span style=\"color: #808030;\">==<\/span><span style=\"color: #0f4d75;\">null<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">{<\/span>\n\t   <span style=\"color: #800000; font-weight: bold;\">var<\/span> expire<span style=\"color: #808030;\">=<\/span><span style=\"color: #800000; font-weight: bold;\">new<\/span> <span style=\"color: #797997;\">Date<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\t   expire<span style=\"color: #808030;\">=<\/span><span style=\"color: #800000; font-weight: bold;\">new<\/span> <span style=\"color: #797997;\">Date<\/span><span style=\"color: #808030;\">(<\/span>expire<span style=\"color: #808030;\">.<\/span><span style=\"color: #800000; font-weight: bold;\">getTime<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">+<\/span><span style=\"color: #008c00;\">7776000000<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\t   document<span style=\"color: #808030;\">.<\/span>cookie<span style=\"color: #808030;\">=<\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #0000e6;\">FirstTimeVisitCookie=here; expires=<\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #808030;\">+<\/span>expire<span style=\"color: #800080;\"> + \";path=\/\";<\/span>\n\t   document<span style=\"color: #808030;\">.<\/span>getElementById<span style=\"color: #808030;\">(<\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #0000e6;\">firstVisit<\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>innerHTML <span style=\"color: #808030;\">=<\/span> <span style=\"color: #800000;\">\"<\/span><span style=\"color: #0000e6;\">Welcome! You are here for the first time!<\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #800080;\">;<\/span>\t<span style=\"color: #696969;\">\/\/ New visitor<\/span>\n   <span style=\"color: #800080;\">}<\/span> <span style=\"color: #800000; font-weight: bold;\">else<\/span> <span style=\"color: #800080;\">{<\/span>\n\t   document<span style=\"color: #808030;\">.<\/span>getElementById<span style=\"color: #808030;\">(<\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #0000e6;\">firstVisit<\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>innerHTML <span style=\"color: #808030;\">=<\/span> <span style=\"color: #800000;\">\"<\/span><span style=\"color: #0000e6;\">Welcome back!<\/span><span style=\"color: #800000;\">\"<\/span><span style=\"color: #800080;\">;<\/span>\t<span style=\"color: #696969;\">\/\/ Returning visitor<\/span>\n   <span style=\"color: #800080;\">}<\/span>\n<span style=\"color: #800080;\">}<\/span>\n$<span style=\"color: #808030;\">(<\/span>document<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>ready<span style=\"color: #808030;\">(<\/span><span style=\"color: #800000; font-weight: bold;\">function<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">{<\/span>\n\ttestFirstCookie<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800080;\">}<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Sometimes it might want to show a custom message to new visitors, such as a cookie warning or some other custom content. Even our online HTML editor is detecting returning visitors and doesn&#8217;t show the demo content to them. This lightweight JavaScript solution will help you detect returning visitors with the use of a cookie.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1009","post","type-post","status-publish","format-standard","hentry","category-articles"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Detect New Website Visitors with JavaScript Cookie<\/title>\n<meta name=\"description\" content=\"This lightweight JavaScript solution will help you detect returning visitors to your website with the use of a cookie.\" \/>\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-new-website-visitors-with-javascript-cookie\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Detect New Website Visitors with JavaScript Cookie\" \/>\n<meta property=\"og:description\" content=\"This lightweight JavaScript solution will help you detect returning visitors to your website with the use of a cookie.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/\" \/>\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=\"2024-03-22T13:50:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-13T08:19:10+00:00\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/\"},\"author\":{\"name\":\"HTML Editor\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\"},\"headline\":\"Detect New Website Visitors with JavaScript Cookie\",\"datePublished\":\"2024-03-22T13:50:00+00:00\",\"dateModified\":\"2024-09-13T08:19:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/\"},\"wordCount\":152,\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"articleSection\":[\"Articles\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/\",\"url\":\"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/\",\"name\":\"Detect New Website Visitors with JavaScript Cookie\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/#website\"},\"datePublished\":\"2024-03-22T13:50:00+00:00\",\"dateModified\":\"2024-09-13T08:19:10+00:00\",\"description\":\"This lightweight JavaScript solution will help you detect returning visitors to your website with the use of a cookie.\",\"breadcrumb\":{\"@id\":\"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/html-online.com\/articles\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Detect New Website Visitors with JavaScript Cookie\"}]},{\"@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":"Detect New Website Visitors with JavaScript Cookie","description":"This lightweight JavaScript solution will help you detect returning visitors to your website with the use of a cookie.","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-new-website-visitors-with-javascript-cookie\/","og_locale":"en_GB","og_type":"article","og_title":"Detect New Website Visitors with JavaScript Cookie","og_description":"This lightweight JavaScript solution will help you detect returning visitors to your website with the use of a cookie.","og_url":"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/","og_site_name":"HTML Online","article_publisher":"https:\/\/www.facebook.com\/htmlcoding\/","article_published_time":"2024-03-22T13:50:00+00:00","article_modified_time":"2024-09-13T08:19:10+00:00","author":"HTML Editor","twitter_card":"summary_large_image","twitter_misc":{"Written by":"HTML Editor","Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/#article","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/"},"author":{"name":"HTML Editor","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d"},"headline":"Detect New Website Visitors with JavaScript Cookie","datePublished":"2024-03-22T13:50:00+00:00","dateModified":"2024-09-13T08:19:10+00:00","mainEntityOfPage":{"@id":"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/"},"wordCount":152,"publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"articleSection":["Articles"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/","url":"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/","name":"Detect New Website Visitors with JavaScript Cookie","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/#website"},"datePublished":"2024-03-22T13:50:00+00:00","dateModified":"2024-09-13T08:19:10+00:00","description":"This lightweight JavaScript solution will help you detect returning visitors to your website with the use of a cookie.","breadcrumb":{"@id":"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/html-online.com\/articles\/detect-new-website-visitors-with-javascript-cookie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/html-online.com\/articles\/"},{"@type":"ListItem","position":2,"name":"Detect New Website Visitors with JavaScript Cookie"}]},{"@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\/1009","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=1009"}],"version-history":[{"count":2,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/1009\/revisions"}],"predecessor-version":[{"id":2101,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/1009\/revisions\/2101"}],"wp:attachment":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/media?parent=1009"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/categories?post=1009"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/tags?post=1009"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}