CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/logo.png"/><link rel="preload" as="image" href="/out-of-the-box-en.png"/><link rel="preload" as="image" href="/markdown-en.png"/><link rel="preload" as="image" href="/a3.png"/><link rel="preload" as="image" href="/frameworks.png"/><link rel="preload" as="image" href="/awards-ai.png"/><link rel="preload" as="image" href="/awards-ph.png"/><link rel="preload" as="image" href="/awards-gvp.png"/><link rel="stylesheet" href="/_next/static/css/4dd86980d58d6070.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-c13c31600fc2d215.js"/><script src="/_next/static/chunks/fd9d1056-bb11881ef41582aa.js" async=""></script><script src="/_next/static/chunks/23-3a5231f902b330d4.js" async=""></script><script src="/_next/static/chunks/main-app-7d2dbd7115d613dd.js" async=""></script><script src="/_next/static/chunks/0e5ce63c-aea2ca3bb460004e.js" async=""></script><script src="/_next/static/chunks/247-be8aa6b972499ecc.js" async=""></script><script src="/_next/static/chunks/281-51dc1561749b4c33.js" async=""></script><script src="/_next/static/chunks/263-a67bfa207e83e4eb.js" async=""></script><script src="/_next/static/chunks/703-d7543cedb0c2b145.js" async=""></script><script src="/_next/static/chunks/921-5f05378cd1a9b22a.js" async=""></script><script src="/_next/static/chunks/860-e44a532b7c12e55d.js" async=""></script><script src="/_next/static/chunks/app/page-85e4a0bd4bcb6a1a.js" async=""></script><script src="/_next/static/chunks/app/layout-cf519b6ba7ee0a08.js" async=""></script><title>AIEditor - A next-gen rich text editor for AI</title><meta name="description" content="A next-generation rich text editor for AI, open-source rich text editor, modern rich text editor"/><meta name="theme-color" media="(prefers-color-scheme: light)" content="white"/><meta name="theme-color" media="(prefers-color-scheme: dark)" content="black"/><meta name="color-scheme" content="light"/><script src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js" noModule=""></script></head><body class="min-h-screen bg-background antialiased w-full mx-auto scroll-smooth"><script>!function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if(e){c.add(e|| '')}else{c.add('light');}if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'light'}catch(t){}}();</script><main><div class="relative w-full bg-background overflow-hidden "><svg aria-hidden="true" class="pointer-events-none absolute inset-0 w-full fill-gray-400/30 stroke-gray-400/30 [mask-image:radial-gradient(800px_circle_at_center,white,transparent)] inset-x-0 inset-y-[-80%] h-[200%] skew-y-12"><defs><pattern id=":Rj7mkq:" width="40" height="40" patternUnits="userSpaceOnUse" x="-1" y="-1"><path d="M.5 40V.5H40" fill="none" stroke-dasharray="0"></path></pattern></defs><rect width="100%" height="100%" fill="url(#:Rj7mkq:)"></rect><svg x="-1" y="-1" class="overflow-visible"><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect><rect width="39" height="39" x="1" y="1" fill="currentColor" stroke-width="0" opacity="0"></rect></svg></svg><header class="w-full py-5 relative"><div class="fixed top-2.5 left-0 right-0 z-50"><div class="relative mx-auto flex items-center gap-2 p-1 w-fit rounded-full border shadow-md bg-white dark:bg-neutral-700"><a class="px-2 flex items-center gap-2" href="/"><img src="/logo.png" class="w-auto h-[30px]" alt=""/><span class="font-bold text-xl">AIEditor</span></a><button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 w-10 rounded-full md:hidden"><svg class="w-6 h-6 " fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg><svg class="w-6 h-6 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button><ul class="hidden sm:flex mx-auto items-center gap-2 p-1 w-fit"><li class="z-10 cursor-pointer px-4 py-2 text-sm transition-colors duration-200 hover:text-primary text-primary/60 tracking-tight flex gap-1 items-center"><a href="/docs/what-is-ai-editor.html" class="">Document</a></li><li class="z-10 cursor-pointer px-4 py-2 text-sm transition-colors duration-200 hover:text-primary text-primary/60 tracking-tight flex gap-1 items-center"><a href="/demo" class="">Demo</a></li><li class="z-10 cursor-pointer px-4 py-2 text-sm transition-colors duration-200 hover:text-primary text-primary/60 tracking-tight flex gap-1 items-center"><a href="/price" class="">Price</a></li><li class="z-10 cursor-pointer px-4 py-2 text-sm transition-colors duration-200 hover:text-primary text-primary/60 tracking-tight flex gap-1 items-center"><a href="/contact-us" class="">Contact Us</a></li><li class="z-10 cursor-pointer px-4 py-2 text-sm transition-colors duration-200 hover:text-primary text-primary/60 tracking-tight flex gap-1 items-center"><a href="/docs/changes.html" class="">Changes</a></li><li class="absolute inset-0 my-1.5 rounded-full bg-secondary hidden"></li></ul><a href="https://github.com/aieditor-team/AiEditor" target="_blank" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 w-10 rounded-full"><svg viewBox="0 0 438.549 438.549" class="h-6 w-6"><path fill="currentColor" d="M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"></path></svg></a></div></div></header><section id="hero"><div class="relative flex w-full flex-col items-center justify-start pt-32 sm:pt-12 md:pt-20 "><div class="flex w-full max-w-2xl flex-col space-y-4 overflow-hidden pt-8 "><h1 class="text-center text-4xl font-medium leading-tight text-foreground sm:text-5xl md:text-6xl" style="filter:blur(10px);opacity:0;transform:translateY(50px)"><span class="inline-block px-1 md:px-2 text-balance font-semibold p-1" style="opacity:0;transform:translateY(20px)">A next-gen</span><span class="inline-block px-1 md:px-2 text-balance font-semibold p-1" style="opacity:0;transform:translateY(20px)"> rich text editor </span><span class="inline-block px-1 md:px-2 text-balance font-semibold p-1" style="opacity:0;transform:translateY(20px)">for</span><span class="inline-block px-1 md:px-2 text-balance font-semibold p-1" style="opacity:0;transform:translateY(20px)">AI</span></h1><p class="mx-auto max-w-xl text-center text-lg leading-7 text-muted-foreground sm:text-xl sm:leading-9 text-balance" style="opacity:0;transform:translateY(20px)">Out-of-the-box, Markdown-friendly <br/>Full framework support (React, Vue, Angular, Svelte...)</p></div><div class="mx-auto mt-6 flex w-full max-w-2xl flex-col items-center justify-center space-y-4 sm:flex-row sm:space-x-4 sm:space-y-0 pb-20" style="opacity:0;transform:translateY(20px)"><div style="--spread:90deg;--shimmer-color:#ffffff;--radius:100px;--speed:3s;--cut:0.05em;--bg:rgba(0, 0, 0, 1)" class="group relative z-0 flex cursor-pointer items-center justify-center overflow-hidden whitespace-nowrap border border-white/10 px-6 py-3 text-white [background:var(--bg)] [border-radius:var(--radius)] dark:text-black transform-gpu transition-transform duration-300 ease-in-out active:translate-y-px shadow-2xl"><div class="-z-30 blur-[2px] absolute inset-0 overflow-visible [container-type:size]"><div class="absolute inset-0 h-[100cqh] animate-shimmer-slide [aspect-ratio:1] [border-radius:0] [mask:none]"><div class="animate-spin-around absolute -inset-full w-auto rotate-0 [background:conic-gradient(from_calc(270deg-(var(--spread)*0.5)),transparent_0,var(--shimmer-color)_var(--spread),transparent_var(--spread))] [translate:0_0]"></div></div></div><a href="/docs/getting-started.html" class="z-10 whitespace-pre-wrap text-center text-sm font-medium leading-none tracking-tight text-white dark:from-white dark:to-slate-900/10 lg:text-lg flex items-center">Quick Start <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-1 size-3 transition-transform duration-300 ease-in-out group-hover:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><div class="insert-0 absolute size-full rounded-2xl px-4 py-1.5 text-sm font-medium shadow-[inset_0_-8px_10px_#ffffff1f] transform-gpu transition-all duration-300 ease-in-out group-hover:shadow-[inset_0_-6px_10px_#ffffff3f] group-active:shadow-[inset_0_-10px_10px_#ffffff3f]"></div><div class="absolute -z-20 [background:var(--bg)] [border-radius:var(--radius)] [inset:var(--cut)]"></div></div></div><div class=" flex w-full flex-col items-center justify-center h-[500px] relative"><div class="relative flex w-full flex-col items-center justify-center overflow-hidden "><div class="group flex overflow-hidden p-2 [--gap:1rem] [gap:var(--gap)] flex-row -delay-[200ms] [--duration:20s]"><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row [animation-direction:reverse]"></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row [animation-direction:reverse]"></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row [animation-direction:reverse]"></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row [animation-direction:reverse]"></div></div><div class="group flex overflow-hidden p-2 [--gap:1rem] [gap:var(--gap)] flex-row [--duration:30s]"><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row [animation-direction:reverse]"></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row [animation-direction:reverse]"></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row [animation-direction:reverse]"></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row [animation-direction:reverse]"></div></div><div class="group flex overflow-hidden p-2 [--gap:1rem] [gap:var(--gap)] flex-row -delay-[200ms] [--duration:20s]"><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row [animation-direction:reverse]"></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row [animation-direction:reverse]"></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row [animation-direction:reverse]"></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row [animation-direction:reverse]"></div></div><div class="group flex overflow-hidden p-2 [--gap:1rem] [gap:var(--gap)] flex-row [--duration:30s]"><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row [animation-direction:reverse]"></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row [animation-direction:reverse]"></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row [animation-direction:reverse]"></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row [animation-direction:reverse]"></div></div></div></div><div class="pointer-events-none absolute inset-x-0 -bottom-12 h-1/3 bg-gradient-to-t from-background via-background to-transparent lg:h-1/4"></div></div></section></div><section><div class="bg-neutral-100 dark:bg-neutral-900"><div class="relative container mx-auto px-4 py-16 max-w-7xl"><div class="text-center space-y-4 pb-6 mx-auto"><h3 class="mx-auto mt-4 max-w-xs text-3xl font-semibold sm:max-w-none sm:text-4xl md:text-5xl">Why choose AiEditor</h3><p class="mt-6 text-lg leading-8 text-slate-600 dark:text-slate-300 max-w-2xl mx-auto">Simple to integrate, Easy to use, Open source license friendly,<br/>No limit count of users and apps, Rich documentation.</p></div><div class="mx-auto mt-16 grid max-w-sm grid-cols-1 gap-6 text-gray-500 md:max-w-3xl md:grid-cols-2 xl:grid-rows-2 md:grid-rows-3 xl:max-w-6xl xl:auto-rows-fr xl:grid-cols-3"><div class="group relative items-start overflow-hidden bg-neutral-50 dark:bg-neutral-800 p-6 rounded-2xl hover:bg-red-500/10 transition-all duration-500 ease-out" style="opacity:0;transform:translateY(50px)"><div><h3 class="mb-2 text-primary font-bold text-xl">Out of the box</h3><p class="text-foreground">AIEditor works out of the box. Users can quickly integrate aieditor in their projects with the <code> npm install aieditor </code>command.</p></div><img src="/out-of-the-box-en.png" class="-mb-32 mt-4 max-h-64 w-full px-4 select-none drop-shadow-[0_0_28px_rgba(0,0,0,.1)] group-hover:translate-y-[-10px] transition-all duration-300"/><div class="absolute bottom-0 left-0 h-32 w-full bg-gradient-to-t from-neutral-200 dark:from-neutral-600 pointer-events-none"></div></div><div class="group relative items-start overflow-hidden bg-neutral-50 dark:bg-neutral-800 p-6 rounded-2xl order-3 xl:order-none hover:bg-blue-500/10 transition-all duration-500 ease-out" style="opacity:0;transform:translateY(50px)"><div><h3 class="mb-2 text-primary font-bold text-xl">Markdown Friendly</h3><p class="text-foreground">AIEditor is Markdown format friendly, able to recognize and correctly render Markdown's basic syntax, real-time preview function, WYSIWYG.</p></div><img src="/markdown-en.png" class="-mb-32 mt-4 max-h-64 w-full px-4 select-none drop-shadow-[0_0_28px_rgba(0,0,0,.1)] group-hover:translate-y-[-10px] transition-all duration-300"/><div class="absolute bottom-0 left-0 h-32 w-full bg-gradient-to-t from-neutral-200 dark:from-neutral-600 pointer-events-none"></div></div><div class="group relative items-start overflow-hidden bg-neutral-50 dark:bg-neutral-800 p-6 rounded-2xl md:row-span-2 hover:bg-orange-500/10 transition-all duration-500 ease-out" style="opacity:0;transform:translateY(50px)"><div><h3 class="mb-2 text-primary font-bold text-xl">Powerful AI capabilities</h3><p class="text-foreground">Such as AI translation, AI continuations, AI optimization, AI code blocks, AI conversations, and more, the ability to customize AI menus and Prompt words, Supporting almost all LLMs on the market.</p></div><canvas class="size-full pointer-events-none z-0 absolute inset-0 [mask:radial-gradient(circle_at_center,#fff_400px,transparent_0)]" style="width:800px;height:800px" width="800" height="800"></canvas><img src="/a3.png" class="-mb-48 ml-12 mt-16 px-4 select-none drop-shadow-[0_0_28px_rgba(0,0,0,.1)] group-hover:translate-x-[-5px] transition-all duration-300"/><div class="absolute bottom-0 left-0 h-32 w-full bg-gradient-to-t from-neutral-200 dark:from-neutral-600 pointer-events-none"></div></div><div class="group relative items-start overflow-hidden bg-neutral-50 dark:bg-neutral-800 p-6 rounded-2xl flex-row order-4 md:col-span-2 md:flex-row xl:order-none hover:bg-green-500/10 transition-all duration-500 ease-out" style="opacity:0;transform:translateY(50px)"><div><h3 class="mb-2 text-primary font-bold text-xl">Full frame support</h3><p class="text-foreground"> AIEditor is developed based on Web Component and supports any framework,such as React、Vue、Angular、Svelte、Preact、JQuery and more.</p></div><div class="w-full flex justify-center h-48 md:h-20"><div class="inset-0 bg-white/5 [mask-image:linear-gradient(to_bottom,white,transparent)] absolute -bottom-full"><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:0]" style="width:210px;height:210px;opacity:0.24;animation-delay:0s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.05);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:1]" style="width:280px;height:280px;opacity:0.21;animation-delay:0.06s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.1);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:2]" style="width:350px;height:350px;opacity:0.18;animation-delay:0.12s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.15);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:3]" style="width:420px;height:420px;opacity:0.15;animation-delay:0.18s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.2);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:4]" style="width:490px;height:490px;opacity:0.12;animation-delay:0.24s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.25);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:5]" style="width:560px;height:560px;opacity:0.09;animation-delay:0.3s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.3);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:6]" style="width:630px;height:630px;opacity:0.06;animation-delay:0.36s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.35);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:7]" style="width:700px;height:700px;opacity:0.03;animation-delay:0.42s;border-style:dashed;border-width:1px;border-color:hsl(var(--foreground), 0.4);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div></div><img src="/frameworks.png" class="h-fit mt-20 md:-mb-32 md:mt-4 md:h-56 px-4 select-none drop-shadow-[0_0_28px_rgba(0,0,0,.1)] group-hover:translate-y-[-10px] transition-all duration-300"/></div><div class="absolute bottom-0 left-0 h-32 w-full bg-gradient-to-t from-neutral-200 dark:from-neutral-600 pointer-events-none"></div></div></div></div></div></section><section><div><div class="relative container mx-auto px-4 py-16 max-w-7xl"><div class="text-center space-y-4 pb-6 mx-auto"><h3 class="mx-auto mt-4 max-w-xs text-3xl font-semibold sm:max-w-none sm:text-4xl md:text-5xl">AIEditor nice features</h3></div><div class="grid grid-cols-1 md:grid-cols-1 gap-8 mt-12 "><div style="opacity:0;filter:blur(6px);transform:translateY(6px)"><div class="rounded-lg border text-card-foreground bg-background border-none w-full shadow-none"><div class="p-6 pt-0 space-y-4 xl:flex xl:p-6 xl:gap-2"><div class="xl:w-2/5 flex flex-col justify-center"><div class="text-4xl font-bold mb-8">Flexible AI menu</div><div class="text-slate-600 dark:text-slate-300 ">You can directly use the built-in AI functions such as: AI continuation, AI optimization, etc., you can also customize AI functions according to the actual scenario, such as financial scenarios, marketing scenarios, paper scenarios, etc., you can also customize Prompt, giving AI functions greater flexibility and fitness.</div></div><div class="xl:w-3/5"><video src="/videos/zh/ai.mp4" autoPlay="" loop="" muted="" playsInline="" class="m-auto rounded-xl border shadow-2xl"></video></div></div></div></div><div style="opacity:0;filter:blur(6px);transform:translateY(6px)"><div class="rounded-lg border text-card-foreground bg-background border-none w-full shadow-none"><div class="p-6 pt-0 space-y-4 xl:flex xl:p-6 xl:gap-2"><div class="xl:w-2/5 flex flex-col justify-center"><div class="text-4xl font-bold mb-8">AI translation</div><div class="text-slate-600 dark:text-slate-300 ">You can customize the translation language, customize the prompt and other functions in different languages.</div></div><div class="xl:w-3/5"><video src="/videos/zh/translate.mp4" autoPlay="" loop="" muted="" playsInline="" class="m-auto rounded-xl border shadow-2xl"></video></div></div></div></div><div style="opacity:0;filter:blur(6px);transform:translateY(6px)"><div class="rounded-lg border text-card-foreground bg-background border-none w-full shadow-none"><div class="p-6 pt-0 space-y-4 xl:flex xl:p-6 xl:gap-2"><div class="xl:w-2/5 flex flex-col justify-center"><div class="text-4xl font-bold mb-8">AI conversation</div><div class="text-slate-600 dark:text-slate-300 ">You can select the content of the editor as the context of the conversation and have a continuous conversation. The content of the AI output can be inserted (or replaced) to the specified position of the editor with one click, and the function configuration of the historical dialogue is supported.</div></div><div class="xl:w-3/5"><video src="/videos/zh/chat1.mp4" autoPlay="" loop="" muted="" playsInline="" class="m-auto rounded-xl border shadow-2xl"></video></div></div></div></div><div style="opacity:0;filter:blur(6px);transform:translateY(6px)"><div class="rounded-lg border text-card-foreground bg-background border-none w-full shadow-none"><div class="p-6 pt-0 space-y-4 xl:flex xl:p-6 xl:gap-2"><div class="xl:w-2/5 flex flex-col justify-center"><div class="text-4xl font-bold mb-8">AI code block</div><div class="text-slate-600 dark:text-slate-300 ">You can use AI to automatically add comments to code blocks in the editor and AI to interpret the meaning of the code, fully reducing the basic labor intensity of programmers. </div></div><div class="xl:w-3/5"><video src="/videos/zh/code.mp4" autoPlay="" loop="" muted="" playsInline="" class="m-auto rounded-xl border shadow-2xl"></video></div></div></div></div><div style="opacity:0;filter:blur(6px);transform:translateY(6px)"><div class="rounded-lg border text-card-foreground bg-background border-none w-full shadow-none"><div class="p-6 pt-0 space-y-4 xl:flex xl:p-6 xl:gap-2"><div class="xl:w-2/5 flex flex-col justify-center"><div class="text-4xl font-bold mb-8">Import and export</div><div class="text-slate-600 dark:text-slate-300 ">Support Word, Markdown import, support markdown, html, Word, PDF format export.</div></div><div class="xl:w-3/5"><video src="/videos/zh/export.mp4" autoPlay="" loop="" muted="" playsInline="" class="m-auto rounded-xl border shadow-2xl"></video></div></div></div></div><div style="opacity:0;filter:blur(6px);transform:translateY(6px)"><div class="rounded-lg border text-card-foreground bg-background border-none w-full shadow-none"><div class="p-6 pt-0 space-y-4 xl:flex xl:p-6 xl:gap-2"><div class="xl:w-2/5 flex flex-col justify-center"><div class="text-4xl font-bold mb-8">Flexible drag and drop</div><div class="text-slate-600 dark:text-slate-300 "> Block drag-and-drop like Notion sorts the content. Make experience more silky.</div></div><div class="xl:w-3/5"><video src="/videos/zh/drag.mp4" autoPlay="" loop="" muted="" playsInline="" class="m-auto rounded-xl border shadow-2xl"></video></div></div></div></div><div style="opacity:0;filter:blur(6px);transform:translateY(6px)"><div class="rounded-lg border text-card-foreground bg-background border-none w-full shadow-none"><div class="p-6 pt-0 space-y-4 xl:flex xl:p-6 xl:gap-2"><div class="xl:w-2/5 flex flex-col justify-center"><div class="text-4xl font-bold mb-8">Comments</div><div class="text-slate-600 dark:text-slate-300 "> Allow reviewers to add comments or suggestions to specific sections of the document, as well as flag questions, errors, or areas for improvement in the document for subsequent revision.</div></div><div class="xl:w-3/5"><video src="/videos/zh/comment.mp4" autoPlay="" loop="" muted="" playsInline="" class="m-auto rounded-xl border shadow-2xl"></video></div></div></div></div><div style="opacity:0;filter:blur(6px);transform:translateY(6px)"><div class="rounded-lg border text-card-foreground bg-background border-none w-full shadow-none"><div class="p-6 pt-0 space-y-4 xl:flex xl:p-6 xl:gap-2"><div class="xl:w-2/5 flex flex-col justify-center"><div class="text-4xl font-bold mb-8">Multi-person collaboration</div><div class="text-slate-600 dark:text-slate-300 ">Allow multiple users to work on the same document at the same time, and each operator can see each other's input and changes in real time. It is suitable for collaboration scenarios in software development, marketing, legal document review, project management, teaching, news reporting, medical research and other industries.</div></div><div class="xl:w-3/5"><video src="/videos/zh/co.mp4" autoPlay="" loop="" muted="" playsInline="" class="m-auto rounded-xl border shadow-2xl"></video></div></div></div></div></div></div></div></section><section><div><div class="relative container mx-auto px-4 py-16 max-w-7xl"><div class="text-center space-y-4 pb-6 mx-auto"><h3 class="mx-auto mt-4 max-w-xs text-3xl font-semibold sm:max-w-none sm:text-4xl md:text-5xl">Awards</h3><p class="mt-6 text-lg leading-8 text-slate-600 dark:text-slate-300 max-w-2xl mx-auto">Winning is just the beginning, not the end.<br/>We will continue to work hard to empower AI and contribute to society.</p></div><div class="mx-auto grid grid-cols-1 xl:grid-cols-3 gap-12 pt-20"><div class="group relative items-start overflow-hidden bg-neutral-50 dark:bg-neutral-800 p-6 rounded-2xl hover:bg-red-500/10 transition-all duration-500 ease-out" style="opacity:0;transform:translateY(50px)"><div><h3 class=" mb-2 text-primary font-bold text-xl">No.1 in AI Application Competition</h3><p class="text-foreground">A total of nearly 300 teams submitted creative proposals,AIEditor won the first place in the competition.</p></div><div class="inset-0 bg-white/5 [mask-image:linear-gradient(to_bottom,white,transparent)] absolute -bottom-full"><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:0]" style="width:210px;height:210px;opacity:0.24;animation-delay:0s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.05);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:1]" style="width:280px;height:280px;opacity:0.21;animation-delay:0.06s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.1);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:2]" style="width:350px;height:350px;opacity:0.18;animation-delay:0.12s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.15);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:3]" style="width:420px;height:420px;opacity:0.15;animation-delay:0.18s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.2);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:4]" style="width:490px;height:490px;opacity:0.12;animation-delay:0.24s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.25);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:5]" style="width:560px;height:560px;opacity:0.09;animation-delay:0.3s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.3);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:6]" style="width:630px;height:630px;opacity:0.06;animation-delay:0.36s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.35);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:7]" style="width:700px;height:700px;opacity:0.03;animation-delay:0.42s;border-style:dashed;border-width:1px;border-color:hsl(var(--foreground), 0.4);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div></div><img src="/awards-ai.png" alt=""/><div class="absolute bottom-0 left-0 h-32 w-full bg-gradient-to-t from-neutral-50 dark:from-neutral-900 pointer-events-none"></div></div><div class="group relative items-start overflow-hidden bg-neutral-50 dark:bg-neutral-800 p-6 rounded-2xl order-3 xl:order-none hover:bg-blue-500/10 transition-all duration-500 ease-out" style="opacity:0;transform:translateY(50px)"><div><h3 class=" mb-2 text-primary font-bold text-xl">No.1 in Producthunt of the day</h3><p class="text-foreground">We got 650 votes on the producthunt, which allowed many new users to discover our team and start integrating with aieditor</p></div><div class="inset-0 bg-white/5 [mask-image:linear-gradient(to_bottom,white,transparent)] absolute -bottom-full"><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:0]" style="width:210px;height:210px;opacity:0.24;animation-delay:0s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.05);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:1]" style="width:280px;height:280px;opacity:0.21;animation-delay:0.06s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.1);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:2]" style="width:350px;height:350px;opacity:0.18;animation-delay:0.12s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.15);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:3]" style="width:420px;height:420px;opacity:0.15;animation-delay:0.18s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.2);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:4]" style="width:490px;height:490px;opacity:0.12;animation-delay:0.24s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.25);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:5]" style="width:560px;height:560px;opacity:0.09;animation-delay:0.3s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.3);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:6]" style="width:630px;height:630px;opacity:0.06;animation-delay:0.36s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.35);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:7]" style="width:700px;height:700px;opacity:0.03;animation-delay:0.42s;border-style:dashed;border-width:1px;border-color:hsl(var(--foreground), 0.4);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div></div><img src="/awards-ph.png" alt=""/><div class="absolute bottom-0 left-0 h-32 w-full bg-gradient-to-t from-neutral-50 dark:from-neutral-900 pointer-events-none"></div></div><div class="group relative items-start overflow-hidden bg-neutral-50 dark:bg-neutral-800 p-6 rounded-2xl order-3 xl:order-none hover:bg-green-500/10 transition-all duration-500 ease-out" style="opacity:0;transform:translateY(50px)"><div><h3 class=" mb-2 text-primary font-bold text-xl">GVP in the Gitee</h3><p class="text-foreground"> GVP stands for Most Valuable Open Source Project,it is a Gitee ranking of outstanding open source Project showcase.</p></div><div class="inset-0 bg-white/5 [mask-image:linear-gradient(to_bottom,white,transparent)] absolute -bottom-full"><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:0]" style="width:210px;height:210px;opacity:0.24;animation-delay:0s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.05);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:1]" style="width:280px;height:280px;opacity:0.21;animation-delay:0.06s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.1);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:2]" style="width:350px;height:350px;opacity:0.18;animation-delay:0.12s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.15);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:3]" style="width:420px;height:420px;opacity:0.15;animation-delay:0.18s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.2);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:4]" style="width:490px;height:490px;opacity:0.12;animation-delay:0.24s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.25);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:5]" style="width:560px;height:560px;opacity:0.09;animation-delay:0.3s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.3);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:6]" style="width:630px;height:630px;opacity:0.06;animation-delay:0.36s;border-style:solid;border-width:1px;border-color:hsl(var(--foreground), 0.35);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div><div class="absolute animate-ripple rounded-full bg-foreground/25 shadow-xl border [--i:7]" style="width:700px;height:700px;opacity:0.03;animation-delay:0.42s;border-style:dashed;border-width:1px;border-color:hsl(var(--foreground), 0.4);top:50%;left:50%;transform:translate(-50%, -50%) scale(1)"></div></div><img src="/awards-gvp.png" alt=""/><div class="absolute bottom-0 left-0 h-32 w-full bg-gradient-to-t from-neutral-50 dark:from-neutral-900 pointer-events-none"></div></div></div></div></div></section><section id="cta"><div class="pt-0"><div class="relative container mx-auto px-4 pt-0 pb-20 max-w-7xl"><div class="text-center space-y-4 pb-6 mx-auto"></div><div class="rounded-lg border bg-card text-card-foreground shadow-sm overflow-hidden m-0 pt-0 border-t-secondary"><div class="relative p-1 h-[500px] bg-blue-500 group"><div class="group-hover:translate-y-24 duration-1000 absolute inset-x-0 -top-40 z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80 w-full h-full" aria-hidden="true"><div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path:polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div></div><div class="group-hover:-translate-y-24 duration-1000 absolute inset-x-0 top-[calc(100%-13rem)] z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]" aria-hidden="true"><div class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]" style="clip-path:polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div></div><div class=" w-full h-[500px] absolute flex flex-col justify-center z-40"><div class="mx-auto space-y-4 py-6 text-center"><h4 class="text-white mx-auto mb-2 max-w-3xl text-balance text-[42px] font-medium tracking-tighter">Are you ready?</h4></div><div class="space-y-4 text-center"><p class="text-white mx-auto max-w-[700px] text-balance text-muted-foreground md:text-xl/relaxed lg:text-base/relaxed xl:text-xl/relaxed">Next, whether you use the open source version or the commercial Pro version, you will be surprised!</p><div class="mt-6 flex flex-col justify-center gap-4 sm:flex-row px-10"><a class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 group flex items-center" href="/docs/getting-started.html">Quick start <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-1 size-3 transition-transform duration-300 ease-in-out group-hover:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 group flex items-center" href="/docs/what-is-ai-editor.html">Document </a></div></div></div></div></div></div></div></section><footer class="footer "><div class=" border-t border-neutral-500/20 bg-neutral-100 dark:border-neutral-700/50 dark:bg-neutral-900 "><div class="container flex flex-col justify-between py-10 md:flex-row md:items-center px-7 md:px-24 gap-y-5"><div class="flex flex-col items-start justify-start gap-y-3.5"><a href="#" class="flex items-center gap-x-2.5"><img class="h-10 w-10 rounded-full" src="/logo.png" alt=""/><h1 class="text-xl font-bold text-neutral-900 dark:text-white">AIEditor (Pro)</h1></a><p class="text-neutral-900 dark:text-white ">a next-gen rich text editor for AI<br/>Out of the box, full frame support, Markdown friendly</p></div><div class="flex flex-col gap-y-5"><div class="flex items-center gap-x-4"><a href="https://www.linkedin.com/in/jennyzhou7799" target="_blank" class="flex h-6 w-6 items-center justify-center text-neutral-400 transition-all duration-100 ease-linear hover:text-neutral-900 hover:underline hover:underline-offset-4 dark:font-medium dark:text-neutral-500 hover:dark:text-neutral-100"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 1C1.44772 1 1 1.44772 1 2V13C1 13.5523 1.44772 14 2 14H13C13.5523 14 14 13.5523 14 13V2C14 1.44772 13.5523 1 13 1H2ZM3.05 6H4.95V12H3.05V6ZM5.075 4.005C5.075 4.59871 4.59371 5.08 4 5.08C3.4063 5.08 2.925 4.59871 2.925 4.005C2.925 3.41129 3.4063 2.93 4 2.93C4.59371 2.93 5.075 3.41129 5.075 4.005ZM12 8.35713C12 6.55208 10.8334 5.85033 9.67449 5.85033C9.29502 5.83163 8.91721 5.91119 8.57874 6.08107C8.32172 6.21007 8.05265 6.50523 7.84516 7.01853H7.79179V6.00044H6V12.0047H7.90616V8.8112C7.8786 8.48413 7.98327 8.06142 8.19741 7.80987C8.41156 7.55832 8.71789 7.49825 8.95015 7.46774H9.02258C9.62874 7.46774 10.0786 7.84301 10.0786 8.78868V12.0047H11.9847L12 8.35713Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></a><a href="https://x.com/jennyzhou7799" target="_blank" class="flex h-6 w-6 items-center justify-center text-neutral-400 transition-all duration-100 ease-linear hover:text-neutral-900 hover:underline hover:underline-offset-4 dark:font-medium dark:text-neutral-500 hover:dark:text-neutral-100"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.23336 4.69629C7.23336 2.96884 8.63335 1.56857 10.36 1.56857C11.3736 1.56857 12.183 2.04804 12.7254 2.74385C13.3079 2.62467 13.8557 2.40913 14.3513 2.11508C14.1559 2.72598 13.7424 3.2396 13.2033 3.56463C13.2038 3.56568 13.2042 3.56674 13.2047 3.56779C13.7334 3.50361 14.2364 3.36302 14.7048 3.15546L14.7037 3.15715C14.3667 3.66183 13.9431 4.10736 13.4561 4.47034C13.4823 4.64672 13.4956 4.82427 13.4956 5.00079C13.4956 8.6871 10.6873 12.9746 5.52122 12.9746C3.93906 12.9746 2.46544 12.511 1.22505 11.7152C0.992632 11.5661 0.925108 11.2568 1.07423 11.0244C1.0874 11.0038 1.10183 10.9846 1.11734 10.9666C1.20582 10.8202 1.37438 10.7309 1.5554 10.7522C2.47066 10.8601 3.38568 10.7485 4.19219 10.3962C3.39226 10.0434 2.77129 9.35975 2.50204 8.51974C2.45359 8.3686 2.48835 8.20311 2.59351 8.08422C2.59716 8.0801 2.60087 8.07606 2.60464 8.0721C1.96391 7.50819 1.55973 6.68208 1.55973 5.76143V5.72759C1.55973 5.56814 1.64411 5.42059 1.78155 5.33974C1.82671 5.31317 1.87537 5.29511 1.92532 5.28558C1.70549 4.86154 1.58116 4.37984 1.58116 3.86958C1.58116 3.40165 1.58384 2.81192 1.91332 2.28081C1.98718 2.16175 2.10758 2.08915 2.2364 2.07195C2.42588 2.01237 2.64087 2.06969 2.77406 2.23302C3.86536 3.57126 5.44066 4.49583 7.23366 4.73961L7.23336 4.69629ZM5.52122 11.9746C4.73387 11.9746 3.97781 11.8435 3.27248 11.6023C4.13012 11.4538 4.95307 11.1159 5.66218 10.5602C5.81211 10.4427 5.87182 10.2435 5.81126 10.0629C5.7507 9.88234 5.583 9.75943 5.39255 9.75607C4.68968 9.74366 4.06712 9.39716 3.67793 8.86845C3.86828 8.85306 4.05428 8.82039 4.23445 8.77167C4.43603 8.71716 4.57363 8.53114 4.56674 8.32243C4.55985 8.11372 4.41029 7.93718 4.20555 7.89607C3.42694 7.73977 2.79883 7.16764 2.56169 6.42174C2.76255 6.47025 2.97102 6.4991 3.18482 6.5061C3.38563 6.51267 3.56646 6.38533 3.62795 6.19405C3.68943 6.00277 3.61666 5.79391 3.44963 5.68224C2.86523 5.29155 2.48116 4.62464 2.48116 3.86958C2.48116 3.70213 2.48352 3.55268 2.49355 3.41719C3.85115 4.79913 5.70873 5.68931 7.77588 5.79338C7.93225 5.80126 8.08328 5.73543 8.18395 5.61553C8.28463 5.49562 8.32332 5.33548 8.28851 5.18284C8.25255 5.02517 8.23336 4.86284 8.23336 4.69629C8.23336 3.52085 9.18591 2.56857 10.36 2.56857C11.5943 2.56857 12.4956 3.71208 12.4956 5.00079C12.4956 8.25709 10.0202 11.9746 5.52122 11.9746Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></a></div><p class="text-sm text-neutral-900 dark:text-white">Released under the LGPL-v2.1 License. Copyright © 2023-present AiEditor.<br/>黔ICP备19009310号-15</p></div></div></div></footer></main><script src="/_next/static/chunks/webpack-c13c31600fc2d215.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/css/4dd86980d58d6070.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"2:I[5751,[],\"\"]\n4:I[6513,[],\"ClientPageRoot\"]\n5:I[9605,[\"310\",\"static/chunks/0e5ce63c-aea2ca3bb460004e.js\",\"247\",\"static/chunks/247-be8aa6b972499ecc.js\",\"281\",\"static/chunks/281-51dc1561749b4c33.js\",\"263\",\"static/chunks/263-a67bfa207e83e4eb.js\",\"703\",\"static/chunks/703-d7543cedb0c2b145.js\",\"921\",\"static/chunks/921-5f05378cd1a9b22a.js\",\"860\",\"static/chunks/860-e44a532b7c12e55d.js\",\"931\",\"static/chunks/app/page-85e4a0bd4bcb6a1a.js\"],\"default\",1]\n6:I[4080,[\"247\",\"static/chunks/247-be8aa6b972499ecc.js\",\"185\",\"static/chunks/app/layout-cf519b6ba7ee0a08.js\"],\"\"]\n7:I[4858,[\"247\",\"static/chunks/247-be8aa6b972499ecc.js\",\"185\",\"static/chunks/app/layout-cf519b6ba7ee0a08.js\"],\"ThemeProvider\"]\n8:I[9275,[],\"\"]\n9:I[1343,[],\"\"]\na:I[3218,[\"247\",\"static/chunks/247-be8aa6b972499ecc.js\",\"185\",\"static/chunks/app/layout-cf519b6ba7ee0a08.js\"],\"ThemeToggle\"]\nc:I[6130,[],\"\"]\nd:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$L2\",null,{\"buildId\":\"vGs0e0jjdvG10_Q7T2dTI\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"\"],\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L3\",[\"$\",\"$L4\",null,{\"props\":{\"params\":{},\"searchParams\":{}},\"Component\":\"$5\"}],null],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/4dd86980d58d6070.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"title\",null,{\"children\":\"AIEditor - A next-gen rich text editor for AI\"}],[\"$\",\"meta\",null,{\"name\":\"description\",\"content\":\"A next-generation rich text editor for AI, open-source rich text editor, modern rich text editor\"}],[[\"$\",\"$L6\",null,{\"id\":\"b1\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n var _hmt = _hmt || [];\\n (function() {\\n var hm = document.createElement(\\\"script\\\");\\n hm.src = \\\"https://hm.baidu.com/hm.js?5fb9d3f8ef572a950d35d5a595d85494\\\";\\n var s = document.getElementsByTagName(\\\"script\\\")[0];\\n s.parentNode.insertBefore(hm, s);\\n })();\\n \"}}],[\"$\",\"$L6\",null,{\"id\":\"b2\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n var _hmt = _hmt || [];\\n (function() {\\n var hm = document.createElement(\\\"script\\\");\\n hm.src = \\\"https://hm.baidu.com/hm.js?9fd447a0f9e62a84d1b752a2cacb2c6b\\\";\\n var s = document.getElementsByTagName(\\\"script\\\")[0];\\n s.parentNode.insertBefore(hm, s);\\n })();\\n \"}}]]]}],[\"$\",\"body\",null,{\"className\":\"min-h-screen bg-background antialiased w-full mx-auto scroll-smooth\",\"children\":[\"$\",\"$L7\",null,{\"attribute\":\"class\",\"defaultTheme\":\"light\",\"enableSystem\":false,\"children\":[[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}],[\"$\",\"$La\",null,{}],null]}]}]]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$Lb\"],\"globalErrorComponent\":\"$c\",\"missingSlots\":\"$Wd\"}]\n"])</script><script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"name\":\"theme-color\",\"media\":\"(prefers-color-scheme: light)\",\"content\":\"white\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"media\":\"(prefers-color-scheme: dark)\",\"content\":\"black\"}],[\"$\",\"meta\",\"3\",{\"name\":\"color-scheme\",\"content\":\"light\"}],[\"$\",\"meta\",\"4\",{\"charSet\":\"utf-8\"}]]\n3:null\n"])</script></body></html>