https://lwebapp.com/_next/static/chunks/pages/en/markdown-to-html-e665dbd91c8b488329fa.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[71],{"+oBk":function(e,t,n){"use strict";var r=n("nKUr"),o=n("MX0m"),a=n.n(o),s=n("g4pe"),c=n.n(s),i=(n("q1tI"),n("hzKd")),l=n("0TmZ"),d=n("Gb8u"),p=n("2n8N");t.a=function(e){var t=e.className,n=e.children,o=e.title,s=e.desc,m=e.thumb,u=e.keywords,j=s||i.a.en.indexDesc;u=u||i.a.en.indexKeywords;var b=m||"https://avatars.githubusercontent.com/u/72927208?v=4";return Object(r.jsxs)("main",{className:"jsx-1201827712 "+(t||""),children:[Object(r.jsxs)(c.a,{children:[Object(r.jsx)("meta",{charSet:"utf-8",className:"jsx-1201827712"}),Object(r.jsx)("title",{className:"jsx-1201827712",children:o}),Object(r.jsx)("meta",{name:"description",content:j,className:"jsx-1201827712"}),Object(r.jsx)("meta",{name:"keywords",content:u,className:"jsx-1201827712"}),Object(r.jsx)("meta",{property:"og:type",content:"website",className:"jsx-1201827712"}),Object(r.jsx)("meta",{property:"og:title",content:o,className:"jsx-1201827712"}),Object(r.jsx)("meta",{property:"og:description",content:j,className:"jsx-1201827712"}),Object(r.jsx)("meta",{property:"og:image",content:b,className:"jsx-1201827712"}),Object(r.jsx)("meta",{property:"twitter:card",content:"summary_large_image",className:"jsx-1201827712"}),Object(r.jsx)("meta",{property:"twitter:title",content:o,className:"jsx-1201827712"}),Object(r.jsx)("meta",{property:"twitter:description",content:j,className:"jsx-1201827712"}),Object(r.jsx)("meta",{property:"twitter:image",content:b,className:"jsx-1201827712"}),Object(r.jsx)("link",{rel:"stylesheet",href:"https://gcore.jsdelivr.net/npm/[email protected]/themes/prism-tomorrow.css",className:"jsx-1201827712"})]}),Object(r.jsx)(d.a,{}),n,Object(r.jsx)(l.a,{children:Object(r.jsx)(p.a,{})}),Object(r.jsx)(a.a,{id:"1201827712",children:["a.beian-link.jsx-1201827712{color:rgba(0,0,0,0.8);font-weight:400;}"]})]})}},"6xCw":function(e,t,n){"use strict";n.r(t),n.d(t,"meta",(function(){return p})),n.d(t,"default",(function(){return j}));var r=n("cpVT"),o=n("dhJC"),a=(n("q1tI"),n("7ljp")),s=n("bsA9"),c=n("SCMX"),i=n("+oBk");function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){Object(r.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var p={title:"Markdown to HTML",description:"Online tool for converting Markdown to HTML preview mode in real time",keywords:"Markdown to HTML,Convert Markdown into HTML,markdown preview, HTML Formatter, HTML Beautifier, HTML Viewer, HTML Editor, HTML Parser, HTML Validator, Markdown Formatter, Markdown Beautifier,Markdown Viewer, Markdown Editor, Markdown Parser, Markdown Compiler, Markdown Validator"},m={meta:p},u=function(e){var t=e.children;return Object(a.mdx)(i.a,{title:p.title,desc:p.description,keywords:p.keywords},Object(a.mdx)("article",{className:"post-content"},Object(a.mdx)("h1",null,p.title),Object(a.mdx)("div",{className:"post-text"},t)))};function j(e){var t=e.components,n=Object(o.a)(e,["components"]);return Object(a.mdx)(u,d(d(d({},m),n),{},{components:t,mdxType:"MDXLayout"}),Object(a.mdx)(c.a,{mdxType:"AdsTools"}),Object(a.mdx)(s.a,{locale:"en",mdxType:"MarkdowntoHTML"}),Object(a.mdx)(c.a,{mdxType:"AdsTools"}),Object(a.mdx)("h2",null,"How to use Markdown to HTML tool?"),Object(a.mdx)("ol",null,Object(a.mdx)("li",{parentName:"ol"},"Copy your Markdown text to the clipboard first"),Object(a.mdx)("li",{parentName:"ol"},"Paste into the editing area on the left side of the ",Object(a.mdx)("inlineCode",{parentName:"li"},"Markdown to HTML")," tool"),Object(a.mdx)("li",{parentName:"ol"},"The right area will immediately display the HTML preview page successfully, you can copy or download the HTML source code")),Ob

1ject(a.mdx)("h2",null,"What is HTML?"),Object(a.mdx)("p",null,"Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages."),Object(a.mdx)("h2",null,"What is Markdown?"),Object(a.mdx)("p",null,"Markdown is a lightweight markup language that you can use to add formatting elements to plaintext text documents. Created by John Gruber in 2004, Markdown is now one of the world\u2019s most popular markup languages."),Object(a.mdx)("h2",null,"Why Convert?"),Object(a.mdx)("ol",null,Object(a.mdx)("li",{parentName:"ol"},"For those who are not familiar with Markdown syntax, the HTML displayed web page is easier to understand"),Object(a.mdx)("li",{parentName:"ol"},"You can add custom styles to HTML"),Object(a.mdx)("li",{parentName:"ol"},"The parsed rich text can be easily copied to rich text editors such as medium or quora")),Object(a.mdx)("h2",null,"Fundamental"),Object(a.mdx)("p",null,"A markdown parser and compiler: ",Object(a.mdx)("a",d({parentName:"p"},{href:"https://github.com/markedjs/marked"}),"Marked")))}j.isMDXComponent=!0},"7ljp":function(e,t,n){"use strict";n.r(t),n.d(t,"MDXContext",(function(){return d})),n.d(t,"MDXProvider",(function(){return u})),n.d(t,"mdx",(function(){return x})),n.d(t,"useMDXComponents",(function(){return m})),n.d(t,"withMDXComponents",(function(){return p}));var r=n("q1tI"),o=n.n(r);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var d=o.a.createContext({}),p=function(e){return function(t){var n=m(t.components);return o.a.createElement(e,s({},t,{components:n}))}},m=function(e){var t=o.a.useContext(d),n=t;return e&&(n="function"===typeof e?e(t):i(i({},t),e)),n},u=function(e){var t=m(e.components);return o.a.createElement(d.Provider,{value:t},e.children)},j={inlineCode:"code",wrapper:function(e){var t=e.children;return o.a.createElement(o.a.Fragment,{},t)}},b=o.a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,s=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),d=m(n),p=r,u=d["".concat(s,".").concat(p)]||d[p]||j[p]||a;return n?o.a.createElement(u,i(i({ref:t},c),{},{components:n})):o.a.createElement(u,i({ref:t},c))}));function x(e,t){var n=arguments,r=t&&t.mdxType;if("string"===typeof e||r){var a=n.length,s=new Array(a);s[0]=b;var c={};for(var i in t)hasOwnProperty.call(t,i)&&(c[i]=t[i]);c.originalType=e,c.mdxType="string"===typeof e?e:r,s[1]=c;for(var l=2;l<a;l++)s[l]=n[l];return o.a.createElement.apply(null,s)}return o.a.createElement.apply(null,n)}b.displayName="MDXCreateElement"},F42c:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/en/markdown-to-html",function(){return n("6xCw")}])},SCMX:function(e,t,n){"use strict";var r=n("nKUr"),o=n("q1tI");t.a=function(){return Object(o.useEffect)((function(){var e=document.getElementsByClassName("adsbygoogle").length;window.adsbygoogle=window.adsbygoogle||[];for(var t=0;t<e;t++)try{window.adsbygoogle.push({})}catch(n){}}),[]),Object(r.jsx)("div",{className:"post-ads",children:Object(r.jsx)("div",{children:Object(r.jsx)("ins",{className:"adsbygoogle",style:{display:"block"},"data-ad-client":"ca-pub-3609041871317154","data-ad-slot":"3105679874","data-ad-format":"auto","data-full-width-responsive":"true"})})})}},bsA9:function(e,t,n){"use strict";var r=n("nKUr"),o=n("MX0m"),a=n.n(o),s=n("Xcx1"),c=n("q1tI"),i=n("waJI");t.a=function(e){var t=e.locale,n=void 0===t?"en":t,o=i.a[n],l=Object(c.useState)(""),d=l[0],p=l[1];Object(c.useEffect)((function(){window.marked||Object(s.q)("https://gcore.jsdelivr.net/npm/marked/marked.min.js")}),[]);var m=null;return Object(r.jsxs)("div",{className:"jsx-232836206",children:[Object(r.jsx)("script",{src:"https://gcore.jsdelivr.net/npm/marked/marked.min.js",className:"jsx-232836206"}),Object(r.jsxs)("div",{id:"container",className:"jsx-232836206",children:[Object(r.jsxs)("div",{className:"jsx-232836206 left",children:[Object(r.jsx)("span",{className:"jsx-232836206 top-tip",children:o.tipLeft}),Object(r.jsx)("textarea",{style:{width:"100%",height:"100%",marginTop:"0"},onChange:function(e){var t=e.target.value;m&&(clearTimeout(m),m=null),m=setTimeout((function(){var e="";try{e=window.marked.parse(t)}catch(n){e=n.message}p(e)}),500)},placeholder:o.placeholder,className:"jsx-232836206"})]}),Object(r.jsxs)("div",{className:"jsx-232836206 right",children:[Object(r.jsx)("span",{className:"jsx-232836206 top-tip",children:o.tipRight}),Object(r.jsx)("button",{id:"copy-btn",onClick:function(){var e=Object(s.a)("#copy-btn"),t=e.textContent;try{if(""===d.trim())return e.textContent=o.paste,e.classList.add("warning"),void setTimeout((function(){e.textContent=t,e.classList.remove("warning")}),1200);Object(s.h)(d),e.textContent=o.copied,e.classList.add("success"),setTimeout((function(){e.textContent=t,e.classList.remove("success")}),1200)}catch(n){e.textContent=o.copyFail,e.classList.add("warning"),setTimeout((function(){e.textContent=t,e.classList.remove("warning")}),1200)}},className:"jsx-232836206 btn btn-primary btn-json",children:o.copy}),Object(r.jsx)("button",{id:"download-btn",onClick:function(){var e=Object(s.a)("#download-btn"),t=e.textContent;try{if(""===d.trim())return e.textContent=o.paste,e.classList.add("warning"),void setTimeout((function(){e.textContent=t,e.classList.remove("warning")}),1200);Object(s.v)({str:d,fileName:"parsed",extensionName:"html",mimeType:"text/html"}),e.textContent=o.downloaded,e.classList.add("success"),setTimeout((function(){e.textContent=t,e.classList.remove("success")}),1200)}catch(n){e.textContent=o.downloadFail,e.classList.add("warning"),setTimeout((function(){e.textContent=t,e.classList.remove("warning")}),1200)}},className:"jsx-232836206 btn btn-plain btn-json",children:o.download}),Object(r.jsxs)("div",{onDoubleClick:function(){Object(s.g)(Object(s.a)("#parsed-html"))},className:"jsx-232836206 innerRight",children:[Object(r.jsx)("section",{id:"parsed-html",dangerouslySetInnerHTML:{__html:d},className:"jsx-232836206"}),Object(r.jsx)("div",{className:"jsx-232836206 dbclick-tip",children:o.dbSelect})]})]})]}),Object(r.jsx)(a.a,{id:"232836206",children:["#container.jsx-232836206{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:4rem;-webkit-box-pack:justify;

1-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}","#container.jsx-232836206 .left.jsx-232836206{height:50vh;width:49.5%;}","#container.jsx-232836206 .left.jsx-232836206 textarea.jsx-232836206{font-size:18px;}","#container.jsx-232836206 .right.jsx-232836206{height:50vh;width:49.5%;position:relative;}","#container.jsx-232836206 .right.jsx-232836206 .innerRight.jsx-232836206{border:1px solid var(--color-primary-gray);height:100%;width:100%;padding-left:1em;border-radius:0.25rem;overflow:auto;}",".btn-json.jsx-232836206{float:right;margin-left:0.4em;}",".top-tip.jsx-232836206{display:inline-block;margin-bottom:0.6em;}",".dbclick-tip.jsx-232836206{position:absolute;right:2em;bottom:-2em;opacity:0.35;pointer-events:none;font-size:0.8em;}"]})]})}},dhJC:function(e,t,n){"use strict";function r(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}n.d(t,"a",(function(){return r}))},waJI:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var r={en:{download:"Download",copy:"Copy",copied:"Copied!",copyFail:"Copy failed,please hit Ctrl + C or Command + C!",clear:"Clear",downloaded:"Download Success!",downloadFail:"Download Failed!",paste:"Please paste Markdown text",tipLeft:"Markdown Text",tipRight:"Preview",dbSelect:"Double click to select",placeholder:"Paste Markdown text"},zh:{download:"\u4e0b\u8f7d",copy:"\u590d\u5236",copied:"\u590d\u5236\u6210\u529f\uff01",copyFail:"\u590d\u5236\u5931\u8d25\uff0c\u8bf7\u4f7f\u7528 Ctrl + C \u6216\u8005 Command + C",clear:"\u6e05\u9664",downloaded:"\u4e0b\u8f7d\u6210\u529f\uff01",downloadFail:"\u4e0b\u8f7d\u5931\u8d25\uff01",paste:"\u8bf7\u7c98\u8d34 Markdown \u6587\u672c",tipLeft:"Markdown \u6587\u672c",tipRight:"\u9884\u89c8",dbSelect:"\u53cc\u51fb\u5168\u9009",placeholder:"\u7c98\u8d34 Markdown \u6587\u672c"}}}},[["F42c",0,2,1,3]]]);