https://app.heymarket.com/_next/static/chunks/pages/dev/emails/html-editor-demo-c95d2f9cd5d2cf05.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9875],{7159:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>x});var i=n(28888),o=n(37876),r=n(14232),a=n(67013),l=n(23515);function d(){let e=(0,i._)(["\n  padding: 24px;\n  max-width: 1200px;\n  margin: 0 auto;\n"]);return d=function(){return e},e}function u(){let e=(0,i._)(["\n  color: #333;\n  margin-bottom: 16px;\n  font-size: 28px;\n"]);return u=function(){return e},e}function s(){let e=(0,i._)(["\n  color: #666;\n  margin-bottom: 24px;\n  line-height: 1.6;\n"]);return s=function(){return e},e}let p=a.Ay.div(d()),h=a.Ay.h1(u()),c=a.Ay.p(s()),x=()=>{let[e,t]=(0,r.useState)(""),[n,i]=(0,r.useState)(null);return(0,o.jsxs)(p,{children:[(0,o.jsx)(h,{children:"HTML Email Editor"}),(0,o.jsx)(c,{children:"This is a powerful HTML editor built with CodeMirror that allows you to create and edit email templates. The editor features syntax highlighting, auto-completion, and a live preview pane. You can paste HTML content, edit it in real-time, and export it for use in your email campaigns."}),(0,o.jsx)(l.A,{source:"demo",initialValue:"<h1>Initial HTML Content</h1><p>This content was loaded via the initialValue prop.</p>",onChange:e=>{t(e)},onValidation:e=>{i(e)},height:"700px",width:"100%",showValidation:!0,showToolbar:!0}),e&&(0,o.jsxs)("div",{style:{marginTop:"24px",padding:"16px",backgroundColor:"#f8f9fa",borderRadius:"8px",border:"1px solid #e9ecef"},children:[(0,o.jsx)("h3",{style:{marginBottom:"12px",color:"#333"},children:"Current HTML Content:"}),(0,o.jsx)("pre",{style:{backgroundColor:"white",padding:"12px",borderRadius:"4px",border:"1px solid #d9d9d9",overflowX:"auto",fontSize:"12px",maxHeight:"200px",overflowY:"auto"},children:e})]})]})}},14844:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/dev/emails/html-editor-demo",function(){return n(7159)}])}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=14844)),_N_E=e.O()}]);