diff --git a/web3/packages/tiptap/src/views/initContent.ts b/web3/packages/tiptap/src/views/initContent.ts
index 8f077922..8a838484 100644
--- a/web3/packages/tiptap/src/views/initContent.ts
+++ b/web3/packages/tiptap/src/views/initContent.ts
@@ -1,258 +1,3 @@
-export const DEMO_CONTENT = {
-  type: 'doc',
-  content: [
-    {
-      type: 'heading',
-      attrs: { textAlign: 'center', indent: 0, lineHeight: null, level: 1 },
-      content: [{ type: 'text', text: 'Echo Editor' }],
-    },
-    {
-      type: 'paragraph',
-      attrs: { textAlign: 'left', indent: 0, lineHeight: null },
-      content: [
-        { type: 'text', text: 'A modern WYSIWYG AI rich text editor based on ' },
-        {
-          type: 'text',
-          marks: [
-            {
-              type: 'link',
-              attrs: {
-                href: 'https://github.com/scrumpy/tiptap',
-                target: '_blank',
-                rel: 'noopener noreferrer nofollow',
-                class: 'link',
-              },
-            },
-          ],
-          text: 'tiptap',
-        },
-        { type: 'text', text: ' and ' },
-        {
-          type: 'text',
-          marks: [
-            {
-              type: 'link',
-              attrs: {
-                href: 'https://www.shadcn-vue.com/',
-                target: '_blank',
-                rel: 'noopener noreferrer nofollow',
-                class: 'link',
-              },
-            },
-          ],
-          text: 'shadcn ui',
-        },
-        { type: 'text', text: ' for Vue.js' },
-      ],
-    },
-    { type: 'paragraph', attrs: { textAlign: 'left', indent: 0, lineHeight: null } },
-    { type: 'paragraph', attrs: { textAlign: 'left', indent: 0, lineHeight: null } },
-    { type: 'paragraph', attrs: { textAlign: 'left', indent: 0, lineHeight: null } },
-    {
-      type: 'image',
-      attrs: {
-        textAlign: 'center',
-        src: 'https://picsum.photos/1920/1080.webp?t=1',
-        alt: null,
-        title: null,
-        width: 500,
-      },
-    },
-    { type: 'paragraph', attrs: { textAlign: 'left', indent: 0, lineHeight: null } },
-    { type: 'horizontalRule' },
-    {
-      type: 'heading',
-      attrs: { textAlign: 'left', indent: 0, lineHeight: null, level: 2 },
-      content: [{ type: 'text', text: 'Demo' }],
-    },
-    {
-      type: 'paragraph',
-      attrs: { textAlign: 'left', indent: 0, lineHeight: null },
-      content: [
-        { type: 'text', text: '👉' },
-        {
-          type: 'text',
-          marks: [
-            {
-              type: 'link',
-              attrs: {
-                href: 'https://echo-editor.jzcloud.site/',
-                target: '_blank',
-                rel: 'noopener noreferrer nofollow',
-                class: 'link',
-              },
-            },
-          ],
-          text: 'Demo',
-        },
-      ],
-    },
-    {
-      type: 'heading',
-      attrs: { textAlign: 'left', indent: 0, lineHeight: null, level: 2 },
-      content: [{ type: 'text', text: 'Features' }],
-    },
-    {
-      type: 'bulletList',
-      attrs: { listStyleType: 'disc' },
-      content: [
-        {
-          type: 'listItem',
-          content: [
-            {
-              type: 'paragraph',
-              attrs: { textAlign: 'left', indent: 0, lineHeight: null },
-              content: [
-                { type: 'text', text: 'Use ' },
-                {
-                  type: 'text',
-                  marks: [
-                    {
-                      type: 'link',
-                      attrs: {
-                        href: 'https://www.shadcn-vue.com/',
-                        target: '_blank',
-                        rel: 'noopener noreferrer nofollow',
-                        class: 'link',
-                      },
-                    },
-                  ],
-                  text: 'shadcn ui',
-                },
-                { type: 'text', text: ' components' },
-              ],
-            },
-          ],
-        },
-        {
-          type: 'listItem',
-          content: [
-            {
-              type: 'paragraph',
-              attrs: { textAlign: 'left', indent: 0, lineHeight: null },
-              content: [{ type: 'text', text: 'Markdown support' }],
-            },
-          ],
-        },
-        {
-          type: 'listItem',
-          content: [
-            {
-              type: 'paragraph',
-              attrs: { textAlign: 'left', indent: 0, lineHeight: null },
-              content: [{ type: 'text', text: 'TypeScript support' }],
-            },
-          ],
-        },
-        {
-          type: 'listItem',
-          content: [
-            {
-              type: 'paragraph',
-              attrs: { textAlign: 'left', indent: 0, lineHeight: null },
-              content: [{ type: 'text', text: 'I18n support' }],
-            },
-          ],
-        },
-        {
-          type: 'listItem',
-          content: [
-            {
-              type: 'paragraph',
-              attrs: { textAlign: 'left', indent: 0, lineHeight: null },
-              content: [{ type: 'text', text: 'Vue 3.x support' }],
-            },
-          ],
-        },
-        {
-          type: 'listItem',
-          content: [
-            {
-              type: 'paragraph',
-              attrs: { textAlign: 'left', indent: 0, lineHeight: null },
-              content: [{ type: 'text', text: 'Slash Command' }],
-            },
-          ],
-        },
-        {
-          type: 'listItem',
-          content: [
-            {
-              type: 'paragraph',
-              attrs: { textAlign: 'left', indent: 0, lineHeight: null },
-              content: [{ type: 'text', text: 'Dark Mode' }],
-            },
-          ],
-        },
-        {
-          type: 'listItem',
-          content: [
-            {
-              type: 'paragraph',
-              attrs: { textAlign: 'left', indent: 0, lineHeight: null },
-              content: [{ type: 'text', text: 'Multi Column' }],
-            },
-          ],
-        },
-        {
-          type: 'listItem',
-          content: [
-            {
-              type: 'paragraph',
-              attrs: { textAlign: 'left', indent: 0, lineHeight: null },
-              content: [{ type: 'text', text: 'AI Power' }],
-            },
-          ],
-        },
-        {
-          type: 'listItem',
-          content: [
-            {
-              type: 'paragraph',
-              attrs: { textAlign: 'left', indent: 0, lineHeight: null },
-              content: [{ type: 'text', text: 'Embed' }],
-            },
-          ],
-        },
-        {
-          type: 'listItem',
-          content: [
-            {
-              type: 'paragraph',
-              attrs: { textAlign: 'left', indent: 0, lineHeight: null },
-              content: [{ type: 'text', text: 'TailwindCss' }],
-            },
-          ],
-        },
-      ],
-    },
-    {
-      type: 'heading',
-      attrs: { textAlign: 'left', indent: 0, lineHeight: null, level: 2 },
-      content: [{ type: 'text', text: 'Installation' }],
-    },
-    {
-      type: 'codeBlock',
-      attrs: { language: 'bash' },
-      content: [
-        { type: 'text', text: 'pnpm add echo-editor\n// or\nor yarn add echo-editor\n// or\nor npm i echo-editor -S' },
-      ],
-    },
-    {
-      type: 'heading',
-      attrs: { textAlign: 'left', indent: 0, lineHeight: null, level: 3 },
-      content: [{ type: 'text', text: 'install plugin' }],
-    },
-    {
-      type: 'codeBlock',
-      attrs: { language: "typescript", },
-      content: [
-        {
-          type: 'text',
-          text: "import { createApp } from 'vue'\nimport App from './App.vue'\nimport EchoEditor from 'echo-editor'\nimport 'echo-editor/style.css'\nconst app = createApp(App)\napp.use(EchoEditor)\napp.mount('#app')",
-        },
-      ],
-    },
-    { type: 'paragraph', attrs: { textAlign: 'left', indent: 0, lineHeight: null } },
-  ],
-}
+export const DEMO_CONTENT = `
+<h1 style="text-align: center">Echo Editor</h1><p style="text-align: left">A modern WYSIWYG AI rich text editor based on <a target="_blank" rel="noopener noreferrer nofollow" class="link" href="https://github.com/scrumpy/tiptap" stricturl="true">tiptap</a> and <a target="_blank" rel="noopener noreferrer nofollow" class="link" href="https://www.shadcn-vue.com/" stricturl="true">shadcn ui</a> for Vue.js</p><p style="text-align: left"></p><p style="text-align: left"></p><p style="text-align: left"></p><img height="auto" style="margin-left: auto; margin-right: auto; text-align: center" src="https://picsum.photos/1920/1080.webp?t=1" flipx="false" flipy="false" originwidth="500" originheight="281.25" width="500"><p style="text-align: left"></p><div data-type="horizontalRule"><hr></div><h2 style="text-align: left">Demo</h2><p style="text-align: left">👉<a target="_blank" rel="noopener noreferrer nofollow" class="link" href="https://echo-editor.jzcloud.site/" stricturl="true">Demo</a></p><h2 style="text-align: left">Features</h2><ul style="list-style-type: disc"><li><p style="text-align: left">Use <a target="_blank" rel="noopener noreferrer nofollow" class="link" href="https://www.shadcn-vue.com/" stricturl="true">shadcn ui</a> components</p></li><li><p style="text-align: left">Markdown support</p></li><li><p style="text-align: left">TypeScript support</p></li><li><p style="text-align: left">I18n support</p></li><li><p style="text-align: left">Vue 3.x support</p></li><li><p style="text-align: left">Slash Command</p></li><li><p style="text-align: left">Dark Mode</p></li><li><p style="text-align: left">Multi Column</p></li><li><p style="text-align: left">AI Power</p></li><li><p style="text-align: left">Embed</p></li><li><p style="text-align: left">TailwindCss</p></li></ul><h2 style="text-align: left">Installation</h2><pre vnode="true" code="pnpm add echo-editor // or or yarn add echo-editor // or or npm i echo-editor -S" language="bash" linenumbers="true" wordwrap="false" tabsize="2" shouldfocus="false"><code>pnpm add echo-editor // or or yarn add echo-editor // or or npm i echo-editor -S</code></pre><h3 style="text-align: left">install plugin</h3><pre vnode="true" code="import { createApp } from 'vue' import App from './App.vue' import EchoEditor from 'echo-editor' import 'echo-editor/style.css' const app = createApp(App) app.use(EchoEditor) app.mount('#app')" language="typescript" linenumbers="true" wordwrap="false" tabsize="2" shouldfocus="false"><code>import { createApp } from 'vue' import App from './App.vue' import EchoEditor from 'echo-editor' import 'echo-editor/style.css' const app = createApp(App) app.use(EchoEditor) app.mount('#app')</code></pre><p style="text-align: left"></p>
+`;