{"id":8310566,"date":"2025-09-10T12:09:13","date_gmt":"2025-09-10T09:09:13","guid":{"rendered":"https:\/\/elementor.com\/tools\/?p=8310566"},"modified":"2025-09-10T12:16:19","modified_gmt":"2025-09-10T09:16:19","slug":"html-diff-checker","status":"publish","type":"post","link":"https:\/\/elementor.com\/tools\/html-diff-checker\/","title":{"rendered":"HTML Diff Checker"},"content":{"rendered":"\t\t<div data-elementor-type=\"container\" data-elementor-id=\"8310565\" class=\"elementor elementor-8310565\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23691a2c e-flex e-con-boxed e-con e-parent\" data-id=\"23691a2c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37c3711c elementor-widget elementor-widget-html\" data-id=\"37c3711c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* --- Styles adapted from your reference --- *\/\r\n    .html-diff-app {\r\n        width: 100%;\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        padding: 60px 0 0;\r\n        background: transparent;\r\n        overflow: visible;\r\n        position: relative;\r\n    }\r\n\r\n    .format-btn {\r\n        background-color: #000;\r\n        color: white;\r\n        border: none;\r\n        padding: 12px 20px;\r\n        cursor: pointer;\r\n        font-size: 1.125rem;\r\n        font-weight: 500;\r\n        transition: all 0.2s;\r\n        pointer-events: all;\r\n        min-width: 11rem;\r\n        text-align: center;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    .format-btn:is(:hover, :focus, :focus-visible, :active) {\r\n        background-color: #545454;\r\n    }\r\n\r\n    .reset-btn {\r\n        background: none;\r\n        border: none;\r\n        color: black;\r\n        text-decoration: underline;\r\n        font-size: 1rem;\r\n        cursor: pointer;\r\n        padding: 0;\r\n        transition: color 0.2s;\r\n    }\r\n\r\n    .reset-btn:is(:hover, :focus, :focus-visible, :active) {\r\n        background: none;\r\n        color: #545454;\r\n        text-decoration: underline;\r\n    }\r\n\r\n    .main-content {\r\n        display: flex;\r\n        gap: 2vw;\r\n        position: relative;\r\n        align-items: flex-start;\r\n        justify-content: center;\r\n        flex-wrap: nowrap;\r\n        flex-direction: row;\r\n    }\r\n\r\n    .input-section {\r\n        flex: 1;\r\n        min-width: 0;\r\n        max-width: 600px;\r\n        height: 350px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        background: white;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        border: 1.5px solid #EBEBEB;\r\n    }\r\n    \r\n    .output-section {\r\n        width: 100%;\r\n        max-width: 1220px; \/* Aligns with the combined width of inputs *\/\r\n        min-height: 300px;\r\n        margin-top: 30px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        background: white;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        border: 1.5px solid #EBEBEB;\r\n    }\r\n\r\n    .section-header {\r\n        background-color: #05047E;\r\n        color: white;\r\n        padding: 12px 20px;\r\n        font-family: 'DM Sans', sans-serif;\r\n        font-weight: 400;\r\n        font-size: 1.125rem;\r\n    }\r\n\r\n    .textarea-container {\r\n        flex: 1;\r\n        position: relative;\r\n        background-color: #ffffff;\r\n    }\r\n    \r\n    .output-container {\r\n        flex: 1;\r\n        position: relative;\r\n        background-color: #f8f9fa;\r\n        overflow: auto;\r\n        padding: 10px;\r\n    }\r\n\r\n    .code-textarea {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: none;\r\n        outline: none;\r\n        padding: 15px;\r\n        font-family: 'Courier New', monospace;\r\n        font-size: 13px;\r\n        line-height: 1.5;\r\n        background-color: transparent;\r\n        resize: none;\r\n        color: #333;\r\n    }\r\n    \r\n    .code-textarea::placeholder {\r\n        color: #adb5bd;\r\n        font-style: italic;\r\n    }\r\n\r\n    .controls-container {\r\n        padding: 25px 0;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n    }\r\n    \r\n    \/* --- New styles specific to the Diff Tool --- *\/\r\n    .diff-output {\r\n        font-family: 'Courier New', monospace;\r\n        font-size: 13px;\r\n        line-height: 1.6;\r\n        white-space: pre;\r\n    }\r\n\r\n    .diff-line {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    .diff-line::before {\r\n        text-align: center;\r\n        width: 20px;\r\n        flex-shrink: 0;\r\n        margin-right: 15px;\r\n    }\r\n\r\n    .diff-added {\r\n        background-color: #e6ffed;\r\n    }\r\n    .diff-added::before {\r\n        content: '+';\r\n        color: #22863a;\r\n    }\r\n\r\n    .diff-deleted {\r\n        background-color: #ffeef0;\r\n    }\r\n    .diff-deleted::before {\r\n        content: '-';\r\n        color: #b31d28;\r\n    }\r\n\r\n    .diff-unchanged {\r\n        background-color: transparent;\r\n        color: #6a737d;\r\n    }\r\n     .diff-unchanged::before {\r\n        content: ' ';\r\n    }\r\n    \r\n    .empty-state {\r\n        color: #6c757d;\r\n        text-align: center;\r\n        padding-top: 50px;\r\n        font-style: italic;\r\n    }\r\n\r\n\r\n    \/* --- Responsive styles adapted from your reference --- *\/\r\n    @media (max-width: 1024px) {\r\n        .html-diff-app {\r\n            padding: 30px 15px 0;\r\n        }\r\n        .main-content {\r\n            flex-direction: column;\r\n            gap: 20px;\r\n            align-items: center;\r\n        }\r\n\r\n        .input-section {\r\n            height: 300px;\r\n            width: 100%;\r\n            max-width: 700px;\r\n        }\r\n        \r\n        .output-section {\r\n             max-width: 700px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"html-diff-app\">\r\n    <!-- Input Sections -->\r\n    <div class=\"main-content\">\r\n        <div class=\"input-section\">\r\n            <div class=\"section-header\">Original HTML<\/div>\r\n            <div class=\"textarea-container\">\r\n                <textarea id=\"originalHtml\" class=\"code-textarea\" placeholder=\"Paste the first version of your HTML here...\"><\/textarea>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"input-section\">\r\n            <div class=\"section-header\">Changed HTML<\/div>\r\n            <div class=\"textarea-container\">\r\n                <textarea id=\"changedHtml\" class=\"code-textarea\" placeholder=\"Paste the second version of your HTML here...\"><\/textarea>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Controls -->\r\n    <div class=\"controls-container\">\r\n        <button id=\"compareBtn\" class=\"format-btn\">Compare HTML<\/button>\r\n        <button id=\"resetBtn\" class=\"reset-btn\">Reset Fields<\/button>\r\n    <\/div>\r\n\r\n    <!-- Output Section -->\r\n    <div id=\"outputWrapper\" class=\"output-section\">\r\n        <div class=\"section-header\">Differences<\/div>\r\n        <div class=\"output-container\">\r\n            <pre id=\"diffOutput\" class=\"diff-output\"><div class=\"empty-state\">Comparison results will be displayed here.<\/div><\/pre>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const originalHtmlInput = document.getElementById('originalHtml');\r\n        const changedHtmlInput = document.getElementById('changedHtml');\r\n        const compareBtn = document.getElementById('compareBtn');\r\n        const resetBtn = document.getElementById('resetBtn');\r\n        const diffOutput = document.getElementById('diffOutput');\r\n        \r\n        \/**\r\n         * Escapes HTML special characters to prevent them from being rendered as HTML.\r\n         * @param {string} str The string to escape.\r\n         * @returns {string} The escaped string.\r\n         *\/\r\n        const escapeHtml = (str) => {\r\n            return str\r\n                .replace(\/&\/g, \"&amp;\")\r\n                .replace(\/<\/g, \"&lt;\")\r\n                .replace(\/>\/g, \"&gt;\")\r\n                .replace(\/\"\/g, \"&quot;\")\r\n                .replace(\/'\/g, \"&#039;\");\r\n        };\r\n\r\n        \/**\r\n         * Generates a diff using the Longest Common Subsequence (LCS) algorithm.\r\n         * @param {string[]} oldLines - Array of lines from the original text.\r\n         * @param {string[]} newLines - Array of lines from the changed text.\r\n         * @returns {Array<{line: string, type: string}>} An array of diff objects.\r\n         *\/\r\n        const generateDiff = (oldLines, newLines) => {\r\n            const oldLen = oldLines.length;\r\n            const newLen = newLines.length;\r\n\r\n            \/\/ Create a 2D array for dynamic programming (LCS table)\r\n            const dp = Array(oldLen + 1).fill(null).map(() => Array(newLen + 1).fill(0));\r\n\r\n            \/\/ Populate the DP table\r\n            for (let i = 1; i <= oldLen; i++) {\r\n                for (let j = 1; j <= newLen; j++) {\r\n                    if (oldLines[i - 1] === newLines[j - 1]) {\r\n                        dp[i][j] = dp[i - 1][j - 1] + 1;\r\n                    } else {\r\n                        dp[i][j] = Math.max(dp[i - 1][j], dp[i][j - 1]);\r\n                    }\r\n                }\r\n            }\r\n\r\n            \/\/ Backtrack through the DP table to build the diff\r\n            const diff = [];\r\n            let i = oldLen;\r\n            let j = newLen;\r\n            while (i > 0 || j > 0) {\r\n                if (i > 0 && j > 0 && oldLines[i - 1] === newLines[j - 1]) {\r\n                    diff.unshift({ line: newLines[j - 1], type: 'unchanged' });\r\n                    i--;\r\n                    j--;\r\n                } else if (j > 0 && (i === 0 || dp[i][j - 1] >= dp[i - 1][j])) {\r\n                    diff.unshift({ line: newLines[j - 1], type: 'added' });\r\n                    j--;\r\n                } else if (i > 0 && (j === 0 || dp[i][j - 1] < dp[i - 1][j])) {\r\n                    diff.unshift({ line: oldLines[i - 1], type: 'deleted' });\r\n                    i--;\r\n                }\r\n            }\r\n            return diff;\r\n        };\r\n        \r\n        \/**\r\n         * Renders the generated diff into the output element.\r\n         * @param {Array<{line: string, type: string}>} diffData - The diff result.\r\n         *\/\r\n        const renderDiff = (diffData) => {\r\n            diffOutput.innerHTML = ''; \/\/ Clear previous results\r\n            if (diffData.length === 0) {\r\n                 diffOutput.innerHTML = '<div class=\"empty-state\">The two HTML inputs are identical.<\/div>';\r\n                 return;\r\n            }\r\n\r\n            const fragment = document.createDocumentFragment();\r\n            diffData.forEach(item => {\r\n                const lineDiv = document.createElement('div');\r\n                lineDiv.className = `diff-line diff-${item.type}`;\r\n                lineDiv.textContent = item.line;\r\n                fragment.appendChild(lineDiv);\r\n            });\r\n            diffOutput.appendChild(fragment);\r\n        };\r\n\r\n        \/\/ Event listener for the \"Compare\" button\r\n        compareBtn.addEventListener('click', () => {\r\n            const oldText = originalHtmlInput.value;\r\n            const newText = changedHtmlInput.value;\r\n\r\n            const oldLines = oldText.split(\/\\r?\\n\/);\r\n            const newLines = newText.split(\/\\r?\\n\/);\r\n\r\n            const diffResult = generateDiff(oldLines, newLines);\r\n            renderDiff(diffResult);\r\n        });\r\n\r\n        \/\/ Event listener for the \"Reset\" button\r\n        resetBtn.addEventListener('click', () => {\r\n            originalHtmlInput.value = '';\r\n            changedHtmlInput.value = '';\r\n            diffOutput.innerHTML = '<div class=\"empty-state\">Comparison results will be displayed here.<\/div>';\r\n        });\r\n    });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[22],"tags":[21],"class_list":["post-8310566","post","type-post","status-publish","format-standard","hentry","category-tools","tag-html-css-tools"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML Diff Checker<\/title>\n<meta name=\"description\" content=\"Don&#039;t let code discrepancies slow you down. Integrate our HTML Diff Checker into your workflow today and experience the difference that clarity and precision can make. Start comparing your HTML code effortlessly now!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/tools\/html-diff-checker\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Diff Checker\" \/>\n<meta property=\"og:description\" content=\"Don&#039;t let code discrepancies slow you down. Integrate our HTML Diff Checker into your workflow today and experience the difference that clarity and precision can make. Start comparing your HTML code effortlessly now!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/tools\/html-diff-checker\/\" \/>\n<meta property=\"og:site_name\" content=\"Tools\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-10T09:09:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-10T09:16:19+00:00\" \/>\n<meta name=\"author\" content=\"liz@148.red\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"liz@148.red\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. 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:\/\/elementor.com\/tools\/html-diff-checker\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/tools\/html-diff-checker\/\"},\"author\":{\"name\":\"liz@148.red\",\"@id\":\"https:\/\/elementor.com\/tools\/#\/schema\/person\/80e8375cb95e6030bc2f897c41c985ac\"},\"headline\":\"HTML Diff Checker\",\"datePublished\":\"2025-09-10T09:09:13+00:00\",\"dateModified\":\"2025-09-10T09:16:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/tools\/html-diff-checker\/\"},\"wordCount\":5,\"keywords\":[\"Html-Css-tools\"],\"articleSection\":[\"tools\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/tools\/html-diff-checker\/\",\"url\":\"https:\/\/elementor.com\/tools\/html-diff-checker\/\",\"name\":\"HTML Diff Checker\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/tools\/#website\"},\"datePublished\":\"2025-09-10T09:09:13+00:00\",\"dateModified\":\"2025-09-10T09:16:19+00:00\",\"author\":{\"@id\":\"https:\/\/elementor.com\/tools\/#\/schema\/person\/80e8375cb95e6030bc2f897c41c985ac\"},\"description\":\"Don't let code discrepancies slow you down. Integrate our HTML Diff Checker into your workflow today and experience the difference that clarity and precision can make. Start comparing your HTML code effortlessly now!\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/tools\/html-diff-checker\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/tools\/html-diff-checker\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/tools\/html-diff-checker\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/elementor.com\/tools\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Diff Checker\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/tools\/#website\",\"url\":\"https:\/\/elementor.com\/tools\/\",\"name\":\"Tools\",\"description\":\"Just another Elementor hosted website ;)\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/tools\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/tools\/#\/schema\/person\/80e8375cb95e6030bc2f897c41c985ac\",\"name\":\"liz@148.red\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/63b900d3310bd1ed40162fb27f016e9920ae66fa5be07be5153344329ef7d9d2?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/63b900d3310bd1ed40162fb27f016e9920ae66fa5be07be5153344329ef7d9d2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/63b900d3310bd1ed40162fb27f016e9920ae66fa5be07be5153344329ef7d9d2?s=96&d=mm&r=g\",\"caption\":\"liz@148.red\"},\"url\":\"https:\/\/elementor.com\/tools\/author\/liz148-red\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Diff Checker","description":"Don't let code discrepancies slow you down. Integrate our HTML Diff Checker into your workflow today and experience the difference that clarity and precision can make. Start comparing your HTML code effortlessly now!","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:\/\/elementor.com\/tools\/html-diff-checker\/","og_locale":"en_US","og_type":"article","og_title":"HTML Diff Checker","og_description":"Don't let code discrepancies slow you down. Integrate our HTML Diff Checker into your workflow today and experience the difference that clarity and precision can make. Start comparing your HTML code effortlessly now!","og_url":"https:\/\/elementor.com\/tools\/html-diff-checker\/","og_site_name":"Tools","article_published_time":"2025-09-10T09:09:13+00:00","article_modified_time":"2025-09-10T09:16:19+00:00","author":"liz@148.red","twitter_card":"summary_large_image","twitter_misc":{"Written by":"liz@148.red","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/tools\/html-diff-checker\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/tools\/html-diff-checker\/"},"author":{"name":"liz@148.red","@id":"https:\/\/elementor.com\/tools\/#\/schema\/person\/80e8375cb95e6030bc2f897c41c985ac"},"headline":"HTML Diff Checker","datePublished":"2025-09-10T09:09:13+00:00","dateModified":"2025-09-10T09:16:19+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/tools\/html-diff-checker\/"},"wordCount":5,"keywords":["Html-Css-tools"],"articleSection":["tools"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/tools\/html-diff-checker\/","url":"https:\/\/elementor.com\/tools\/html-diff-checker\/","name":"HTML Diff Checker","isPartOf":{"@id":"https:\/\/elementor.com\/tools\/#website"},"datePublished":"2025-09-10T09:09:13+00:00","dateModified":"2025-09-10T09:16:19+00:00","author":{"@id":"https:\/\/elementor.com\/tools\/#\/schema\/person\/80e8375cb95e6030bc2f897c41c985ac"},"description":"Don't let code discrepancies slow you down. Integrate our HTML Diff Checker into your workflow today and experience the difference that clarity and precision can make. Start comparing your HTML code effortlessly now!","breadcrumb":{"@id":"https:\/\/elementor.com\/tools\/html-diff-checker\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/tools\/html-diff-checker\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/tools\/html-diff-checker\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elementor.com\/tools\/"},{"@type":"ListItem","position":2,"name":"HTML Diff Checker"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/tools\/#website","url":"https:\/\/elementor.com\/tools\/","name":"Tools","description":"Just another Elementor hosted website ;)","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/tools\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/elementor.com\/tools\/#\/schema\/person\/80e8375cb95e6030bc2f897c41c985ac","name":"liz@148.red","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/63b900d3310bd1ed40162fb27f016e9920ae66fa5be07be5153344329ef7d9d2?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/63b900d3310bd1ed40162fb27f016e9920ae66fa5be07be5153344329ef7d9d2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/63b900d3310bd1ed40162fb27f016e9920ae66fa5be07be5153344329ef7d9d2?s=96&d=mm&r=g","caption":"liz@148.red"},"url":"https:\/\/elementor.com\/tools\/author\/liz148-red\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/tools\/wp-json\/wp\/v2\/posts\/8310566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/tools\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/tools\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/tools\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/tools\/wp-json\/wp\/v2\/comments?post=8310566"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/tools\/wp-json\/wp\/v2\/posts\/8310566\/revisions"}],"predecessor-version":[{"id":8310570,"href":"https:\/\/elementor.com\/tools\/wp-json\/wp\/v2\/posts\/8310566\/revisions\/8310570"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/tools\/wp-json\/wp\/v2\/media?parent=8310566"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/tools\/wp-json\/wp\/v2\/categories?post=8310566"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/tools\/wp-json\/wp\/v2\/tags?post=8310566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}