{"_id":"markdown-to-image","_rev":"3-81d885b8ab21e92fb782f3879074bb72","name":"markdown-to-image","dist-tags":{"latest":"0.0.13"},"versions":{"0.0.10":{"name":"markdown-to-image","version":"0.0.10","keywords":["markdown","image","poster","react","vite","tailwindcss","typescript"],"license":"Apache-2.0","_id":"markdown-to-image@0.0.10","maintainers":[{"name":"blueeon","email":"i@blueeon.me"}],"homepage":"https://readpo.com/poster","bugs":{"url":"https://github.com/gcui-art/markdown-to-image/issues"},"dist":{"shasum":"93b07b684f02141f0a58ba8e3f6c8a887e697033","tarball":"https://registry.npmjs.org/markdown-to-image/-/markdown-to-image-0.0.10.tgz","fileCount":17,"integrity":"sha512-MgYX1dLXKFIboKvW/ZQ5istL4Yzb6WMLuzzTQsi0Q9Zh+qyPlQo82Y36xHQlSpHhDV4Cz4/g6WP0JxD1JUsDWQ==","signatures":[{"sig":"MEQCIAK74zQPL9pyyS0JUcSL6RaIo7T/PA9L+srMo9paVM8mAiAV4o9D1Z3Xa/buWLX/TLVzTaNGXgxa5qdiyQ+yz9hDBQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8941565},"main":"./dist/markdown-to-image.js","type":"module","types":"./dist/packages/index.d.ts","module":"./dist/markdown-to-image.js","exports":{".":{"types":"./dist/packages/index.d.ts","import":"./dist/markdown-to-image.js"},"./dist/style.css":"./dist/style.css"},"gitHead":"f2b15ca0fdb03dd855731c80306ef5376af567b4","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","build":"tsc --p ./tsconfig-build.json && vite build","example":"cd example && npm install && npm run dev","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_npmUser":{"name":"blueeon","email":"i@blueeon.me"},"repository":{"url":"git+https://github.com/gcui-art/markdown-to-image.git","type":"git"},"_npmVersion":"10.8.1","description":"markdown-to-image component renders Markdown as visually appealing social media images. The project also includes a built-in web editor that can be used as an online Markdown-to-poster editor with a simple one-click deployment.","directories":{},"_nodeVersion":"22.4.1","dependencies":{"clsx":"^2.1.1","rehype-raw":"^7.0.0","remark-gfm":"^4.0.0","lucide-react":"^0.468.0","react-markdown":"^9.0.1","tailwind-merge":"^2.3.0","modern-screenshot":"^4.4.39","@uiw/react-md-editor":"^4.0.5"},"_hasShrinkwrap":false,"devDependencies":{"path":"^0.12.7","vite":"^5.2.0","react":"^18.2.0","tslib":"^2.6.2","eslint":"^8.57.0","postcss":"^8.4.38","react-dom":"^18.2.0","storybook":"^8.0.9","typescript":"^5.2.2","@types/node":"^20.12.7","tailwindcss":"^3.4.3","@types/react":"^18.2.66","autoprefixer":"^10.4.19","@storybook/test":"^8.0.9","vite-plugin-dts":"^3.9.0","@storybook/react":"^8.0.9","@types/react-dom":"^18.2.22","@storybook/blocks":"^8.0.9","@vitejs/plugin-react":"^4.2.1","@storybook/react-vite":"^8.0.9","@storybook/addon-links":"^8.0.9","@tailwindcss/typography":"^0.5.12","eslint-plugin-storybook":"^0.8.0","@chromatic-com/storybook":"^1.3.3","@rollup/plugin-typescript":"^11.1.6","@typescript-eslint/parser":"^7.2.0","eslint-plugin-react-hooks":"^4.6.0","@storybook/addon-essentials":"^8.0.9","@storybook/addon-onboarding":"^8.0.9","eslint-plugin-react-refresh":"^0.4.6","@storybook/addon-interactions":"^8.0.9","@typescript-eslint/eslint-plugin":"^7.2.0"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/markdown-to-image_0.0.10_1734572043270_0.952276342885112","host":"s3://npm-registry-packages-npm-production"}},"0.0.11":{"name":"markdown-to-image","version":"0.0.11","keywords":["markdown","image","poster","react","vite","tailwindcss","typescript"],"license":"Apache-2.0","_id":"markdown-to-image@0.0.11","maintainers":[{"name":"blueeon","email":"i@blueeon.me"}],"homepage":"https://readpo.com/poster","bugs":{"url":"https://github.com/gcui-art/markdown-to-image/issues"},"dist":{"shasum":"37ee5d187e9c6ab36f6c12ec5d9b7149a89bf944","tarball":"https://registry.npmjs.org/markdown-to-image/-/markdown-to-image-0.0.11.tgz","fileCount":17,"integrity":"sha512-FI4QmC0QvT9ngKXw70rvK/TmTNOwQJY6API4RlQIMVHaL/WFVDuxRROKPVP1g5zHOp9hSFx320h6P5l0cpmwQw==","signatures":[{"sig":"MEYCIQCYhfTVeDsoUC8nHoFbTmclQJiR2IgC/zGHNRvaecT+UgIhAJ08RyusxExn5U6S/fcd48wacQovtl4igiC8meZW3rwb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8941571},"main":"./dist/markdown-to-image.js","type":"module","types":"./dist/packages/index.d.ts","module":"./dist/markdown-to-image.js","exports":{".":{"types":"./dist/packages/index.d.ts","import":"./dist/markdown-to-image.js"},"./dist/style.css":"./dist/style.css"},"gitHead":"3d67241254e176a99a848f6f0e1a460f9f0f2f65","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","build":"tsc --p ./tsconfig-build.json && vite build","example":"cd example && npm install && npm run dev","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_npmUser":{"name":"blueeon","email":"i@blueeon.me"},"repository":{"url":"git+https://github.com/gcui-art/markdown-to-image.git","type":"git"},"_npmVersion":"10.8.1","description":"markdown-to-image component renders Markdown as visually appealing social media images. The project also includes a built-in web editor that can be used as an online Markdown-to-poster editor with a simple one-click deployment.","directories":{},"_nodeVersion":"22.4.1","dependencies":{"clsx":"^2.1.1","rehype-raw":"^7.0.0","remark-gfm":"^4.0.0","lucide-react":"^0.468.0","react-markdown":"^9.0.1","tailwind-merge":"^2.3.0","modern-screenshot":"^4.4.39","@uiw/react-md-editor":"^4.0.5"},"_hasShrinkwrap":false,"devDependencies":{"path":"^0.12.7","vite":"^5.2.0","react":"^18.2.0","tslib":"^2.6.2","eslint":"^8.57.0","postcss":"^8.4.38","react-dom":"^18.2.0","storybook":"^8.0.9","typescript":"^5.2.2","@types/node":"^20.12.7","tailwindcss":"^3.4.3","@types/react":"^18.2.66","autoprefixer":"^10.4.19","@storybook/test":"^8.0.9","vite-plugin-dts":"^3.9.0","@storybook/react":"^8.0.9","@types/react-dom":"^18.2.22","@storybook/blocks":"^8.0.9","@vitejs/plugin-react":"^4.2.1","@storybook/react-vite":"^8.0.9","@storybook/addon-links":"^8.0.9","@tailwindcss/typography":"^0.5.12","eslint-plugin-storybook":"^0.8.0","@chromatic-com/storybook":"^1.3.3","@rollup/plugin-typescript":"^11.1.6","@typescript-eslint/parser":"^7.2.0","eslint-plugin-react-hooks":"^4.6.0","@storybook/addon-essentials":"^8.0.9","@storybook/addon-onboarding":"^8.0.9","eslint-plugin-react-refresh":"^0.4.6","@storybook/addon-interactions":"^8.0.9","@typescript-eslint/eslint-plugin":"^7.2.0"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/markdown-to-image_0.0.11_1734572432515_0.1419570128921075","host":"s3://npm-registry-packages-npm-production"}},"0.0.12":{"name":"markdown-to-image","version":"0.0.12","keywords":["markdown","image","poster","react","vite","tailwindcss","typescript"],"license":"Apache-2.0","_id":"markdown-to-image@0.0.12","maintainers":[{"name":"blueeon","email":"i@blueeon.me"}],"homepage":"https://readpo.com/poster","bugs":{"url":"https://github.com/gcui-art/markdown-to-image/issues"},"dist":{"shasum":"a51d2d3661e88d639f68cd5d4eb47b883fdb1d97","tarball":"https://registry.npmjs.org/markdown-to-image/-/markdown-to-image-0.0.12.tgz","fileCount":17,"integrity":"sha512-A8pontllP1gBXML6lD7p7BJ57+VdVy9EMnKyEHohHhEjRkhHTtnXi0FPRJQvuTVhqPQnzQg9Osf7WPmdMZuCxg==","signatures":[{"sig":"MEQCIHdg6uTplhAXEJ72ECcsXh2KKlTqIWO1Ekzdqd6WSsMHAiA6+QeBbyxjJV6wHTxcLhmQ5fmGXEokV1zbFp+4admG7A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8941892},"main":"./dist/markdown-to-image.js","type":"module","types":"./dist/packages/index.d.ts","module":"./dist/markdown-to-image.js","exports":{".":{"types":"./dist/packages/index.d.ts","import":"./dist/markdown-to-image.js"},"./dist/style.css":"./dist/style.css"},"gitHead":"be8a6f02727737bcd90bb528d90f27a2f69013b5","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","build":"tsc --p ./tsconfig-build.json && vite build","example":"cd example && npm install && npm run dev","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_npmUser":{"name":"blueeon","email":"i@blueeon.me"},"repository":{"url":"git+https://github.com/gcui-art/markdown-to-image.git","type":"git"},"_npmVersion":"10.8.1","description":"markdown-to-image component renders Markdown as visually appealing social media images. The project also includes a built-in web editor that can be used as an online Markdown-to-poster editor with a simple one-click deployment.","directories":{},"_nodeVersion":"22.4.1","dependencies":{"clsx":"^2.1.1","rehype-raw":"^7.0.0","remark-gfm":"^4.0.0","lucide-react":"^0.468.0","react-markdown":"^9.0.1","tailwind-merge":"^2.3.0","modern-screenshot":"^4.4.39","@uiw/react-md-editor":"^4.0.5"},"_hasShrinkwrap":false,"devDependencies":{"path":"^0.12.7","vite":"^5.2.0","react":"^18.2.0","tslib":"^2.6.2","eslint":"^8.57.0","postcss":"^8.4.38","react-dom":"^18.2.0","storybook":"^8.0.9","typescript":"^5.2.2","@types/node":"^20.12.7","tailwindcss":"^3.4.3","@types/react":"^18.2.66","autoprefixer":"^10.4.19","@storybook/test":"^8.0.9","vite-plugin-dts":"^3.9.0","@storybook/react":"^8.0.9","@types/react-dom":"^18.2.22","@storybook/blocks":"^8.0.9","@vitejs/plugin-react":"^4.2.1","@storybook/react-vite":"^8.0.9","@storybook/addon-links":"^8.0.9","@tailwindcss/typography":"^0.5.12","eslint-plugin-storybook":"^0.8.0","@chromatic-com/storybook":"^1.3.3","@rollup/plugin-typescript":"^11.1.6","@typescript-eslint/parser":"^7.2.0","eslint-plugin-react-hooks":"^4.6.0","@storybook/addon-essentials":"^8.0.9","@storybook/addon-onboarding":"^8.0.9","eslint-plugin-react-refresh":"^0.4.6","@storybook/addon-interactions":"^8.0.9","@typescript-eslint/eslint-plugin":"^7.2.0"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/markdown-to-image_0.0.12_1734573654486_0.5893224670760902","host":"s3://npm-registry-packages-npm-production"}},"0.0.13":{"name":"markdown-to-image","version":"0.0.13","type":"module","license":"Apache-2.0","description":"markdown-to-image component renders Markdown as visually appealing social media images. The project also includes a built-in web editor that can be used as an online Markdown-to-poster editor with a simple one-click deployment.","keywords":["markdown","image","poster","react","vite","tailwindcss","typescript"],"homepage":"https://readpo.com/poster","repository":{"type":"git","url":"git+https://github.com/gcui-art/markdown-to-image.git"},"main":"./dist/markdown-to-image.js","module":"./dist/markdown-to-image.js","types":"./dist/packages/index.d.ts","exports":{"./dist/style.css":"./dist/style.css",".":{"import":"./dist/markdown-to-image.js","types":"./dist/packages/index.d.ts"}},"scripts":{"dev":"vite","build":"tsc --p ./tsconfig-build.json && vite build","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build","example":"cd example && npm install && npm run dev"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@chromatic-com/storybook":"^1.3.3","@rollup/plugin-typescript":"^11.1.6","@storybook/addon-essentials":"^8.0.9","@storybook/addon-interactions":"^8.0.9","@storybook/addon-links":"^8.0.9","@storybook/addon-onboarding":"^8.0.9","@storybook/blocks":"^8.0.9","@storybook/react":"^8.0.9","@storybook/react-vite":"^8.0.9","@storybook/test":"^8.0.9","@tailwindcss/typography":"^0.5.12","@types/node":"^20.12.7","@types/react":"^18.2.66","@types/react-dom":"^18.2.22","@typescript-eslint/eslint-plugin":"^7.2.0","@typescript-eslint/parser":"^7.2.0","@vitejs/plugin-react":"^4.2.1","autoprefixer":"^10.4.19","eslint":"^8.57.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.6","eslint-plugin-storybook":"^0.8.0","path":"^0.12.7","postcss":"^8.4.38","react":"^18.2.0","react-dom":"^18.2.0","storybook":"^8.0.9","tailwindcss":"^3.4.3","tslib":"^2.6.2","typescript":"^5.2.2","vite":"^5.2.0","vite-plugin-dts":"^3.9.0"},"dependencies":{"@uiw/react-md-editor":"^4.0.5","clsx":"^2.1.1","lucide-react":"^0.468.0","modern-screenshot":"^4.4.39","react-markdown":"^9.0.1","rehype-raw":"^7.0.0","remark-gfm":"^4.0.0","tailwind-merge":"^2.3.0"},"_id":"markdown-to-image@0.0.13","gitHead":"41e4f2252f8588f16385cd170d2bd89db675b48b","bugs":{"url":"https://github.com/gcui-art/markdown-to-image/issues"},"_nodeVersion":"22.4.1","_npmVersion":"10.8.1","dist":{"integrity":"sha512-UpudUkdOV6oGelj7b1xdf+oFyc6w9ld25+RGUz35hM0KI0bVTYxwMvqCfRmWr1cpKkErInilVoSXMyjtzH6ZUA==","shasum":"755380a335a1bc2580f8665157869cf17685b5f4","tarball":"https://registry.npmjs.org/markdown-to-image/-/markdown-to-image-0.0.13.tgz","fileCount":17,"unpackedSize":8941892,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCGbMfxqoDUa/lGhwN4kJpCQeiQmtjiLL4G8chchWPAuwIhAIk1EwJHKWR3+iXcE0KwtlEvN/ewwxw2Pw4Ber3QJXpU"}]},"_npmUser":{"name":"blueeon","email":"i@blueeon.me"},"directories":{},"maintainers":[{"name":"blueeon","email":"i@blueeon.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/markdown-to-image_0.0.13_1741143322962_0.25583509272556415"},"_hasShrinkwrap":false}},"time":{"created":"2024-12-19T01:34:03.269Z","modified":"2025-03-05T02:55:23.425Z","0.0.10":"2024-12-19T01:34:03.552Z","0.0.11":"2024-12-19T01:40:32.804Z","0.0.12":"2024-12-19T02:00:54.863Z","0.0.13":"2025-03-05T02:55:23.243Z"},"bugs":{"url":"https://github.com/gcui-art/markdown-to-image/issues"},"license":"Apache-2.0","homepage":"https://readpo.com/poster","keywords":["markdown","image","poster","react","vite","tailwindcss","typescript"],"repository":{"type":"git","url":"git+https://github.com/gcui-art/markdown-to-image.git"},"description":"markdown-to-image component renders Markdown as visually appealing social media images. The project also includes a built-in web editor that can be used as an online Markdown-to-poster editor with a simple one-click deployment.","maintainers":[{"name":"blueeon","email":"i@blueeon.me"}],"readme":"# Markdown To Image / Markdown Poster\n\nThis React component renders Markdown as visually appealing social media images. The project also includes a built-in web editor that can be used as an online Markdown-to-poster editor with a simple one-click deployment.\n\n![markdown-to-image banner](https://github.com/user-attachments/assets/ef06f52d-ebef-4854-81b2-5b96cdfb75bf)\n\n- [English](./README.md) | [中文](./README_CN.md)\n- [DEMO & Web Editor](https://readpo.com/en/poster)\n- [Deploy Editor with Vercel](https://vercel.com/new/clone?repository-url=https://github.com/gcui-art/markdown-to-image&root-directory=example&project-name=markdown-to-image&repository-name=markdown-to-image)\n- [NPM:markdown-to-image](https://www.npmjs.com/package/markdown-to-image)\n\n⭐ Click the Star and Watch buttons to stay updated on our latest developments.\n\n## Features\n\n- [x] Render Markdown as poster images optimized for social sharing\n- [x] One built-in templates with support for custom templates\n- [x] Customizable themes with 9 pre-built options\n- [x] Copy output as an image\n- [x] One-click deployment to platforms like Vercel\n- [x] Integrated image CORS proxy for easy insertion of online images into posters\n- [x] Copy output as HTML code for pasting into emails and editors\n- [ ] More built-in templates\n\n## Getting Started\n\nThere are two ways to use markdown-to-poster:\n\n1. Integration: markdown-to-poster is exported as a React component that can be seamlessly integrated into your projects.\n2. Using Web Editor: The example path includes a web editor that can be deployed and used as an online editor.\n\n### Integration\n\n`markdown-to-poster` exports a component called Md2Poster and three subcomponents, which can be installed via npm or other package managers.\n\n#### Installation\n\nInstall with npm:\n\n```bash\nnpm i markdown-to-image\n```\n\nInstall with pnpm:\n\n```bash\npnpm install markdown-to-image\n```\n\nyarn add markdown-to-image:\n\n```bash\nyarn add markdown-to-image\n```\n\n#### Usage\n\nBasic example:\n\n```javascript\nimport 'markdown-to-image/dist/style.css'\nimport { Md2Poster, Md2PosterContent, Md2PosterHeader, Md2PosterFooter } from 'markdown-to-image'\n\n// ...\n\nconst markdown = `\n# AI Morning Updates\n> On April 29th, what's the latest in the AI field that should be on your radar?\n...\n`\n\n// ...\n\nreturn (\n  // ...\n  <Md2Poster>\n    <Md2PosterHeader>Poster Header</Md2PosterHeader>\n    <Md2PosterContent>{markdown}</Md2PosterContent>\n    <Md2PosterFooter>Powered by ReadPo.com</Md2PosterFooter>\n  </Md2Poster>\n  // ...\n)\n```\n\n### Using the Web Editor\n\n#### Official Web Editor\n\n👉 Visit: [readpo.com](https://readpo.com/en/poster)\n\n#### Deploying Your Own Web Editor\n\n[Deploy Editor with Vercel](https://vercel.com/new/clone?repository-url=https://github.com/gcui-art/markdown-to-image&root-directory=example&project-name=markdown-to-image&repository-name=markdown-to-image)\n\n## Contributing\n\nThere are four ways you can support this project:\n\n1. Fork and Submit Pull Requests: We welcome any PRs that enhance the component or editor.\n2. Open Issues: We appreciate reasonable suggestions and bug reports.\n3. Donate: If this project has helped you, consider buying us a coffee using the Sponsor button at the top of the project. Cheers! ☕\n4. Spread the Word: Recommend this project to others, star the repo, or add a backlink after using the project.\n\n## License\n\nThis project is licensed under the permissive Apache 2.0 open source license.\n\n## Questions, Suggestions, Issues, or Bugs?\n\nWe use GitHub Issues to manage feedback. Feel free to open an issue, and we'll address it promptly.\n\n## Related Links\n\n- Our other open source projects: [Suno AI API](https://github.com/gcui-art/suno-api)\n- Demo site: [https://readpo.com/poster](https://readpo.com/en/poster)\n- NPM Package: [npm:markdown-to-image](https://www.npmjs.com/package/markdown-to-image)\n\n## FQA\n\n1. When utilizing frameworks like Next.js for server-side rendering (SSR), you may encounter the error `ReferenceError: document is not defined`. To address this issue, you can employ dynamic components with `next/dynamic`.\n\n```javascript\n// page.ts\nimport dynamic from 'next/dynamic'\nconst Editor = dynamic(() => import('@/components/Editor'), {\n  ssr: false,\n})\n```\n\n```javascript\n// Editor.tsx\nimport React from 'react'\nimport { Md2Poster, Md2PosterContent, Md2PosterHeader, Md2PosterFooter } from 'markdown-to-image'\n\nfunction Editor() {\n  const markdown = `\n# AI Morning Updates\n> On April 29th, what's the latest in the AI field that should be on your radar?\n\n![image](https://imageio.forbes.com/specials-images/imageserve/64b5825a5b9b4d3225e9bd15/artificial-intelligence--ai/960x0.jpg?format=jpg&width=1440)\n1. **Tech hiccups in AI car race: NTU team misses final** : Collaboration with UAE tech group faces technical challenges in international AI car race.\n2. **AI complicates kids' online safety: Parents take charge** : Rapid AI evolution poses challenges, prompting parents to take active measures for children's safety.\n3. **AI boom's secret winners: Companies fueling growth** : Investors find unique opportunities in stock market's AI boom, with certain companies driving progress.\n4. **AI redefining automation in competitive market** : AI is no longer just a buzzword, as companies across industries deploy it for competitive edge.\n5. **London private school introduces AI classes for children** : Leading school in London introduces AI lessons to help children adapt to evolving technology landscape.\n6. **China utilizes supercomputer for AI training amid chip constraints** : Progress in leveraging supercomputers and domestic AI chips for training large language models in China.\n7. **AI-Driven Age of New Media: Opportunities and Challenges** : CGTN panel discusses opportunities and challenges in the AI-driven age of new media.\n8. **Apple rumored to resume OpenAI discussions for generative AI features** : Speculations suggest Apple may collaborate with OpenAI for generative AI features on upcoming iPhones.\n9. **Tech tycoon's family office invests in AI for $10 billion fund** : Premji Invest to inject more funds into AI initiatives, supporting a $10 billion fund managed by Azim Premji.\n10. **Banks embrace Cloud and AI for innovation and partnerships** : Banking industry shifts towards innovation, collaboration, and customer-centricity through adoption of Cloud and AI technologies.\n  `\n\n  return (\n    <Md2Poster theme=\"SpringGradientWave\" size=\"mobile\">\n      <Md2PosterHeader className=\"flex justify-between items-center px-4\">\n        <span>@Nickname</span>\n        <span>{new Date().toISOString().slice(0, 10)}</span>\n      </Md2PosterHeader>\n      <Md2PosterContent>{markdown}</Md2PosterContent>\n      <Md2PosterFooter className=\"flex justify-center items-center gap-1\">any children</Md2PosterFooter>\n    </Md2Poster>\n  )\n}\n\nexport default Editor\n```\n","readmeFilename":"README.md"}