@yiitap/vue 1.2.4 → 1.3.0

package/types/components/ui/OInput.vue.d.ts

@@ -1,5 +1,5 @@
 import OIcon from './OIcon.vue';
-declare const emit: (event: "blur" | "update:modelValue", ...args: any[]) => void;
+declare const emit: (event: "blur" | "focus" | "update:modelValue", ...args: any[]) => void;
 declare const input: import("vue").Ref<HTMLInputElement, HTMLInputElement>;
 declare const value: import("vue").WritableComputedRef<string, string>;
 declare function focus(): void;
@@ -16,6 +16,10 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
         type: StringConstructor;
         default: string;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
     clearable: {
         type: BooleanConstructor;
         default: boolean;
@@ -32,12 +36,17 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
     clear: typeof clear;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
     clearable: {
         type: BooleanConstructor;
         default: boolean;
@@ -48,9 +57,11 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
     };
 }>> & Readonly<{
     onBlur?: (...args: any[]) => any;
+    onFocus?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }>, {
     type: string;
+    placeholder: string;
     modelValue: string;
     clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -59,6 +70,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
     clearable: {
         type: BooleanConstructor;
         default: boolean;
@@ -72,12 +87,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     focus: typeof focus;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
     clearable: {
         type: BooleanConstructor;
         default: boolean;
@@ -88,9 +108,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     };
 }>> & Readonly<{
     onBlur?: (...args: any[]) => any;
+    onFocus?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }>, {
     type: string;
+    placeholder: string;
     modelValue: string;
     clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/types/constants/ai.d.ts

@@ -0,0 +1,6 @@
+/**
+ * AI
+ */
+export declare const AiProviders: Indexable;
+export declare const getProviderProp: (name: string, prop: string) => any;
+export declare const Prompts: Indexable;

package/types/constants/block.d.ts

@@ -3,3 +3,5 @@ export declare const StyleBlocks: BlockOption[];
 export declare const CommonBlocks: BlockOption[];
 export declare const Blocks: BlockOption[];
 export declare const BlockMenus: BlockOption[];
+export declare const AskAiBlocks: BlockOption[];
+export declare const AiBlocks: BlockOption[];

package/types/constants/data.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Empty Blocks
+ */
+export declare const AiMessageChunks: string[];

package/types/constants/index.d.ts

@@ -1,2 +1,4 @@
+export * from './ai';
 export * from './block';
+export * from './color';
 export * from './menu';

package/types/extensions/ai-block/index.d.ts

@@ -0,0 +1,3 @@
+import type { AiBlockOptions } from '@yiitap/extension-ai-block';
+declare const OAiBlock: import("@tiptap/vue-3").Node<AiBlockOptions, any>;
+export default OAiBlock;

package/types/extensions/ai-block/view.vue.d.ts

@@ -0,0 +1,92 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["editor"]>;
+        required: true;
+    };
+    node: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["node"]>;
+        required: true;
+    };
+    decorations: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["decorations"]>;
+        required: true;
+    };
+    selected: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["selected"]>;
+        required: true;
+    };
+    extension: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["extension"]>;
+        required: true;
+    };
+    getPos: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["getPos"]>;
+        required: true;
+    };
+    updateAttributes: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["updateAttributes"]>;
+        required: true;
+    };
+    deleteNode: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["deleteNode"]>;
+        required: true;
+    };
+    view: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["view"]>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["innerDecorations"]>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["HTMLAttributes"]>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["editor"]>;
+        required: true;
+    };
+    node: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["node"]>;
+        required: true;
+    };
+    decorations: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["decorations"]>;
+        required: true;
+    };
+    selected: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["selected"]>;
+        required: true;
+    };
+    extension: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["extension"]>;
+        required: true;
+    };
+    getPos: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["getPos"]>;
+        required: true;
+    };
+    updateAttributes: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["updateAttributes"]>;
+        required: true;
+    };
+    deleteNode: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["deleteNode"]>;
+        required: true;
+    };
+    view: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["view"]>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["innerDecorations"]>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import("vue").PropType<import("@tiptap/vue-3").NodeViewProps["HTMLAttributes"]>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/extensions/char-command/emoji/suggestion.d.ts

@@ -1,17 +1,13 @@
-import type { Editor } from '@tiptap/core';
-export interface SuggestionOptions {
-    editor: Editor;
-    event: KeyboardEvent;
-    clientRect?: (() => DOMRect | null) | null;
-}
+import { type SuggestionProps, type SuggestionKeyDownProps } from '@tiptap/suggestion';
+import { type MentionNodeAttrs } from '@tiptap/extension-mention';
 declare const _default: {
     items: ({ query }: {
         query: string;
     }) => never[];
     render: () => {
-        onStart: (props: SuggestionOptions) => void;
-        onUpdate(props: SuggestionOptions): void;
-        onKeyDown(props: SuggestionOptions): any;
+        onStart: (props: SuggestionProps<any, MentionNodeAttrs>) => void;
+        onUpdate(props: SuggestionProps): void;
+        onKeyDown(props: SuggestionKeyDownProps): any;
         onExit(): void;
     };
 };

package/types/extensions/char-command/slash/suggestion.d.ts

@@ -1,17 +1,13 @@
-import type { Editor } from '@tiptap/core';
-export interface SuggestionOptions {
-    editor: Editor;
-    event: KeyboardEvent;
-    clientRect?: (() => DOMRect | null) | null;
-}
+import { type SuggestionProps, type SuggestionKeyDownProps } from '@tiptap/suggestion';
+import { type MentionNodeAttrs } from '@tiptap/extension-mention';
 declare const _default: {
     items: ({ query }: {
         query: string;
     }) => BlockOption[];
     render: () => {
-        onStart: (props: SuggestionOptions) => void;
-        onUpdate(props: SuggestionOptions): void;
-        onKeyDown(props: SuggestionOptions): any;
+        onStart: (props: SuggestionProps<any, MentionNodeAttrs>) => void;
+        onUpdate(props: SuggestionProps): void;
+        onKeyDown(props: SuggestionKeyDownProps): any;
         onExit(): void;
     };
 };

package/types/extensions/dynamic.d.ts

@@ -4,4 +4,4 @@ declare class DynamicClass {
 export default DynamicClass;
 export declare const getDynamicExtension: (name: string) => DynamicClass;
 export declare const TableExtensions: import("@tiptap/core").Node<any, any>[];
-export declare const TableExtensions0: import("@tiptap/core").Node<import("@tiptap/extension-table-cell").TableCellOptions, any>[];
+export declare const DefaultTableExtensions: import("@tiptap/core").Node<import("@tiptap/extension-table-cell").TableCellOptions, any>[];

package/types/extensions/index.d.ts

@@ -1,23 +1,48 @@
-export { default as OColorHighlighter } from '@yiitap/extension-color-highlighter';
-export { default as OFocus } from '@yiitap/extension-focus';
-export { default as OPlaceholder } from '@yiitap/extension-placeholder';
-export { default as OTable } from '@yiitap/extension-table';
-export { default as OTrailingNode } from '@yiitap/extension-trailing-node';
-export { default as OUniqueID } from '@yiitap/extension-unique-id';
-export { ColonCommand as OColonCommand, SlashCommand as OSlashCommand, SlashZhCommand as OSlashZhCommand, } from '@yiitap/extension-char-command';
-export { default as OBlockquote } from './blockquote';
-export { default as OCallout } from './callout';
-export { default as OCodeBlock } from './code-block';
-export { default as OHeading } from './heading';
-export { default as OHorizontalRule } from './horizontal-rule';
-export { default as OImage } from './image';
-export { default as OLink } from './link';
-export { default as OParagraph } from './paragraph';
-export { default as OTableCell } from './table-cell';
-export { default as OTableHeader } from './table-header';
-export { default as OTableWrapper } from './table-wrapper';
-export { default as OVideo } from './video';
-export declare const DefaultExtensions: string[];
-export declare const TipTapExtensions: string[];
-export declare const ExtendedExtensions: string[];
-export declare const BuiltinExtensions: string[];
+import BackColor from '@tiptap/extension-highlight';
+import Document from '@tiptap/extension-document';
+import Focus from '@tiptap/extension-focus';
+import FontFamily from '@tiptap/extension-font-family';
+import ForeColor from '@tiptap/extension-color';
+import Image from '@tiptap/extension-image';
+import Link from '@tiptap/extension-link';
+import Mention from '@tiptap/extension-mention';
+import TaskItem from '@tiptap/extension-task-item';
+import TaskList from '@tiptap/extension-task-list';
+import TextAlign from '@tiptap/extension-text-align';
+import Typography from '@tiptap/extension-typography';
+import Underline from '@tiptap/extension-underline';
+import Table from '@tiptap/extension-table';
+import TableCell from '@tiptap/extension-table-cell';
+import TableHeader from '@tiptap/extension-table-header';
+import TableRow from '@tiptap/extension-table-row';
+import Text from '@tiptap/extension-text';
+import OColorHighlighter from '@yiitap/extension-color-highlighter';
+import OFocus from '@yiitap/extension-focus';
+import OPlaceholder from '@yiitap/extension-placeholder';
+import OTable from '@yiitap/extension-table';
+import OTrailingNode from '@yiitap/extension-trailing-node';
+import OUniqueID from '@yiitap/extension-unique-id';
+import OCharCommand from '@yiitap/extension-char-command';
+import { ColonCommand as OColonCommand, SlashCommand as OSlashCommand, SlashZhCommand as OSlashZhCommand } from '@yiitap/extension-char-command';
+import OAiBlock from './ai-block';
+import OBlockquote from './blockquote';
+import OCallout from './callout';
+import OCodeBlock from './code-block';
+import OHeading from './heading';
+import OHorizontalRule from './horizontal-rule';
+import OImage from './image';
+import OLink from './link';
+import OParagraph from './paragraph';
+import OTableCell from './table-cell';
+import OTableHeader from './table-header';
+import OTableWrapper from './table-wrapper';
+import OVideo from './video';
+/**
+ * Enable by default
+ */
+export declare const DefaultExtensionNames: string[];
+export declare const TiptapExtensionNames: string[];
+export declare const YiitapExtensionNames: string[];
+export declare const BuiltinExtensionNames: string[];
+export declare const BuiltinExtensions: (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-underline").UnderlineOptions, any> | import("@tiptap/core").Extension<any, any>)[];
+export { Document, BackColor, Focus, FontFamily, ForeColor, Image, Link, Mention, TaskItem, TaskList, TextAlign, Typography, Underline, Table, TableHeader, TableCell, TableRow, Text, OAiBlock, OBlockquote, OCallout, OCharCommand, OCodeBlock, OColonCommand, OColorHighlighter, OFocus, OSlashCommand, OSlashZhCommand, OHeading, OHorizontalRule, OImage, OLink, OParagraph, OPlaceholder, OTable, OTableCell, OTableHeader, OTableWrapper, OTrailingNode, OUniqueID, OVideo, };

package/types/hooks/index.d.ts

@@ -1,3 +1,5 @@
+export { default as useAi } from './useAi';
+export { default as useNodeView } from './useNodeView';
 export { default as useI18n } from './useI18n';
 export { default as useTheme } from './useTheme';
 export { default as useTiptap } from './useTiptap';

package/types/hooks/useAi.d.ts

@@ -0,0 +1,6 @@
+import { type Ref } from 'vue';
+export default function (): {
+    md: any;
+    aiOption: Ref<AiOption, AiOption>;
+    createStreamingChatCompletion: (messages: ChatMessage[], onProgress: (chunk: string) => void) => Promise<string>;
+};

package/types/hooks/useI18n.d.ts

@@ -1,4 +1,5 @@
 export default function (): {
+    languageName: import("vue").ComputedRef<any>;
     locale: {
         value: string;
     };

package/types/hooks/useNodeView.d.ts

@@ -0,0 +1,6 @@
+export default function (): {
+    isFocused: import("vue").Ref<boolean, boolean>;
+    bind: (props: any) => void;
+    unbind: () => void;
+    checkFocus: () => void;
+};

package/types/i18n/messages/en.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     isoName: string;
+    name: string;
     nativeName: string;
     diagram: {
         name: string;
@@ -82,12 +83,14 @@ declare const _default: {
         noColor: string;
         delete: string;
         duplicate: string;
+        aiBlock: string;
     };
     label: {
         ai: string;
         cancel: string;
         color: string;
         edit: string;
+        write: string;
         link: string;
         linkAddress: string;
         ok: string;
@@ -118,6 +121,12 @@ declare const _default: {
         copy: string;
         cut: string;
         search: string;
+        think: string;
+        suggested: string;
+        noResults: string;
+        generate: string;
+        generatedBy: string;
+        update: string;
     };
     table: {
         cellBackground: string;
@@ -184,5 +193,40 @@ declare const _default: {
         open: string;
         open_in_new_tab: string;
     };
+    ai: {
+        askAi: string;
+        tellAi: string;
+        improve_writing: string;
+        fix_spelling_grammar: string;
+        enrich_with_emoji: string;
+        translate: string;
+        make_longer: string;
+        make_shorter: string;
+        continuation: string;
+        change_tone: string;
+        write: string;
+        explain: string;
+        summarize: string;
+        error: string;
+        tone: {
+            formal: string;
+            casual: string;
+            friendly: string;
+            enthusiastic: string;
+            authoritative: string;
+            humorous: string;
+            inspirational: string;
+            empathetic: string;
+            mysterious: string;
+        };
+    };
+    language: {
+        chinese_simplified: string;
+        chinese_traditional: string;
+        german: string;
+        french: string;
+        japanese: string;
+        korean: string;
+    };
 };
 export default _default;

package/types/i18n/messages/zh-hans.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     isoName: string;
+    name: string;
     nativeName: string;
     diagram: {
         name: string;
@@ -82,6 +83,7 @@ declare const _default: {
         noColor: string;
         delete: string;
         duplicate: string;
+        aiBlock: string;
     };
     label: {
         ai: string;
@@ -118,6 +120,11 @@ declare const _default: {
         copy: string;
         cut: string;
         search: string;
+        think: string;
+        noResults: string;
+        generate: string;
+        generatedBy: string;
+        update: string;
     };
     table: {
         cellBackground: string;
@@ -184,5 +191,40 @@ declare const _default: {
         open: string;
         open_in_new_tab: string;
     };
+    ai: {
+        askAi: string;
+        tellAi: string;
+        improve_writing: string;
+        fix_spelling_grammar: string;
+        enrich_with_emoji: string;
+        translate: string;
+        make_longer: string;
+        make_shorter: string;
+        continuation: string;
+        change_tone: string;
+        write: string;
+        explain: string;
+        summarize: string;
+        error: string;
+        tone: {
+            formal: string;
+            casual: string;
+            friendly: string;
+            enthusiastic: string;
+            authoritative: string;
+            humorous: string;
+            inspirational: string;
+            empathetic: string;
+            mysterious: string;
+        };
+    };
+    language: {
+        chinese_simplified: string;
+        chinese_traditional: string;
+        german: string;
+        french: string;
+        japanese: string;
+        korean: string;
+    };
 };
 export default _default;

package/types/i18n/messages/zh-hant.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     isoName: string;
+    name: string;
     nativeName: string;
     diagram: {
         name: string;

package/types/index.d.ts

@@ -8,5 +8,4 @@ declare const YiiEditorPlugin: {
 export { YiiEditor, YiiEditorPlugin };
 export * from './components';
 export * from './constants';
-export * from './extensions';
 export * from './hooks';

package/types/utils/convert.d.ts

@@ -0,0 +1 @@
+export declare const toJSON: (html: string) => Record<string, any>;

package/types/constants/demo-article.d.ts

@@ -1,7 +0,0 @@
-/**
- * Demo: Article
- */
-export declare const BasicFeaturesArticle = "\n<h1 id=\"heading-1\">Introduction</h1><p><a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https://github.com/donotebase/quasar-tiptap\"><span style=\"color: rgb(24, 144, 255)\"><strong>YiitapEditor</strong></span></a><span style=\"color: rgb(24, 144, 255)\"><strong><em> </em></strong></span>is a WYSIWYG rich-text block-based editor built on top of <span style=\"font-family: Arial Black\">tiptap</span>&nbsp;and Quasar.\uD83D\uDD25</p><h2 id=\"heading-2\">Callout</h2><div icon=\"\uD83C\uDF3E\" data-type=\"callout\"><p><strong>Announcement</strong></p><p>Make writing stand out.</p></div><h2 id=\"heading-3\">Blockquote</h2><blockquote><p><span style=\"font-family: Roboto, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif; color: rgb(0, 0, 0)\">A gentleman should constantly strike to become stronger just like the evolution of the universe.</span><br><span style=\"font-family: Roboto, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif; color: rgb(0, 0, 0)\">A gentleman should generously cultivate to become tolerant just like the earth bears everything on it.</span></p></blockquote><h2 id=\"heading-4\">Table</h2><table-wrapper><table><tbody><tr><th colspan=\"1\" rowspan=\"1\" background=\"\"><p style=\"text-align: center\">Th1</p></th><th colspan=\"1\" rowspan=\"1\" background=\"\"><p style=\"text-align: center\">Th2</p></th><th colspan=\"1\" rowspan=\"1\" background=\"\"><p style=\"text-align: center\">Th3</p></th><th colspan=\"1\" rowspan=\"1\" background=\"\"><p>Th3</p></th></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>List</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><ul data-type=\"taskList\"><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Task 1</p></div></li><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Task 2</p></div></li></ul></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><ul><li><p>List item 1</p></li><li><p>List item 2</p></li></ul></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><ol><li><p>Number one</p></li><li><p>Number two</p></li></ol></td></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Text</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Text</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Text</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Text</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"#1890ff\"><p><span style=\"color: #ffffff\">Cell Background</span></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p></p></td><td colspan=\"2\" rowspan=\"1\" background=\"\"><p>Merged Cell</p></td></tr></tbody></table></table-wrapper><h2 id=\"heading-5\">Image</h2><blockquote><p>A picture is worth a thousand of words.</p></blockquote><img src=\"https://www.donote.info/statics/logo.png\" alt=\"Caption\" title=\"Title\" size=\"large\" ratio=\"5/1\"><h2 id=\"heading-6\">Video</h2><video><source src=\"https://dhweb-app.oss-cn-hangzhou.aliyuncs.com/video/An-225.mp4\"></source></video><h2 id=\"heading-7\">Model View</h2><model-viewer src=\"https://dhweb-app.oss-cn-hangzhou.aliyuncs.com/models/NeilArmstrong.glb\"></model-viewer><h2 id=\"heading-8\">List</h2><h3 id=\"heading-9\">Unordered List</h3><ul><li><p>List Item 1</p><ul><li><p>List Item 1.1</p></li><li><p>List Item 1.21</p></li></ul></li><li><p>List Item 2</p></li><li><p>List Item 3</p></li></ul><h3 id=\"heading-10\">Ordered List</h3><blockquote><p>PDCA</p></blockquote><ol><li><p>Plan</p><ol><li><p>Plan 1</p></li><li><p>Plan 2</p></li></ol></li><li><p>Do</p></li><li><p>Check</p></li><li><p>Adust</p></li></ol><h3 id=\"heading-11\">Task</h3><ul data-type=\"taskList\"><li data-checked=\"true\" data-type=\"taskItem\"><label><input type=\"checkbox\" checked=\"checked\"><span></span></label><div><p>Model Viewer</p></div></li><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Diagram</p></div></li><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Math Formula</p></div></li><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Draggable handler for all blocks</p></div></li></ul><h2 id=\"heading-12\">Diagram</h2><p></p><pre><code class=\"language-bash\">ls ll</code></pre><p></p><div data-type=\"draggable-item\"><p>Draggable</p></div><h2 id=\"heading-13\">Math</h2><blockquote><p><span style=\"font-family: Roboto, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif\">Write inline formula, such as&nbsp;</span>\uFF0Cor block formula:</p></blockquote><p></p><p></p><h2 id=\"heading-14\">Code Block</h2><blockquote><p>Friendly to developer, with syntax highlight.</p></blockquote><h3 id=\"heading-15\">Bash</h3><pre><code class=\"language-javascript\">const name = 'JavaScript';\nconsole.log('Hello, world', name);</code></pre><h3 id=\"heading-16\">Go</h3><pre><code class=\"language-go\">package main\n\nimport \"fmt\"\n\nfunc main() {\n    fmt.Println(\"Hello, world!\")\n}</code></pre><h2 id=\"heading-17\">Markdown</h2><table-wrapper><table><tbody><tr><th colspan=\"1\" rowspan=\"1\" colwidth=\"290\" background=\"\"><p style=\"text-align: center\">Title</p></th><th colspan=\"1\" rowspan=\"1\" background=\"\"><p style=\"text-align: center\">Shortcut</p></th><th colspan=\"1\" rowspan=\"1\" background=\"\"><p style=\"text-align: center\">Remarks</p></th></tr><tr><td colspan=\"1\" rowspan=\"1\" colwidth=\"290\" background=\"\"><p>Heading</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>#</code> <code>##</code> <code>###</code> <code>####</code> <code>#####</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p></p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" colwidth=\"290\" background=\"\"><p>Blockquote</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>&gt;</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p></p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" colwidth=\"290\" background=\"\"><p>Code</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>``</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p></p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" colwidth=\"290\" background=\"\"><p>Code Block</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>```</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p></p></td></tr></tbody></table></table-wrapper><h2 id=\"heading-18\">Typography</h2><h3 id=\"heading-19\">Heading 3</h3><p>abcde</p><h4 id=\"heading-20\">Heading 4</h4><p>aaa</p><h3 id=\"heading-21\">Paragraph</h3><p>Youth is not a time of life; it is a state of mind; it is not a matter of rosy cheeks, red lips and supple knees; it is a matter of the will, a quality of the imagination, a vigor of the emotions; it is the freshness of the deep springs of life.</p><p style=\"text-align: start\">Youth means a temperamental predominance of courage over timidity, of the appetite for adventure over the love of ease. This often exists in a man of 60 more than a boy of 20. Nobody grows old merely by a number of years. We grow old by deserting our ideals.</p><p style=\"text-align: start\">Years may wrinkle the skin, but to give up enthusiasm wrinkles the soul. Worry, fear, self-distrust bows the heart and turns the spirit back to dust.</p><p style=\"text-align: start\">Whether 60 or 16, there is in every human being\u2019s heart the lure of wonder, the unfailing childlike appetite of what\u2019s next and the joy of the game of living. In the center of your heart and my heart there is a wireless station: so long as it receives messages of beauty, hope, cheer, courage and power from men and from the Infinite, so long are you young.</p><p style=\"text-align: start\">When the aerials are down, and your spirit is covered with snows of cynicism and the ice of pessimism, then you are grown old, even at 20, but as long as your aerials are up, to catch waves of optimism, there is hope you may die young at 80.</p><h3 id=\"heading-22\">Smart</h3><table-wrapper><table><tbody><tr><th colspan=\"1\" rowspan=\"1\" background=\"\"><p style=\"text-align: center\">Title</p></th><th colspan=\"1\" rowspan=\"1\" background=\"\"><p style=\"text-align: center\">Input</p></th><th colspan=\"1\" rowspan=\"1\" background=\"\"><p style=\"text-align: center\">Remarks</p></th></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Copyright</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>(c)</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>\u00A9</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Right</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>(r)</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>\u00AE</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Arrow</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>&gt;&gt;</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>\u00BB</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Arrow</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>-&gt;</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>\u2192</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Not equal</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>!=</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>\u2260</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>1/2</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>\u00BD</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Dash</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>--</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>\u2014</p></td></tr></tbody></table></table-wrapper><h2 id=\"heading-23\">Text</h2><p><span style=\"font-family: Arial Black\"><strong>Bold text</strong></span></p><p><em>Italic text</em></p><p><u>Underline text</u></p><p><s>Strike through text</s></p><p><code>Inline code</code></p><p><span style=\"color: rgb(255, 77, 79)\">Text with color</span></p><p>Text with highlight background</p><p>Text with indent</p><p></p>\n";
-export declare const BasicFeaturesArticleZh = "\n<h1 id=\"heading-1\">Yiitap</h1><p><a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https://github.com/donotebase/quasar-tiptap\"><span style=\"color: rgb(24, 144, 255)\"><strong>YiitapEditor</strong></span></a><span style=\"color: rgb(24, 144, 255)\"><strong><em> </em></strong></span>is a WYSIWYG rich-text block-based editor built on top of <span style=\"font-family: Arial Black\">tiptap</span>&nbsp;and Quasar.\uD83D\uDD25</p><h2 id=\"heading-2\">\u9AD8\u4EAE\u5757</h2><div icon=\"\uD83C\uDF3E\" data-type=\"callout\"><p><strong>\u901A\u77E5</strong></p><p>\u7740\u91CD\u5F3A\u8C03\u3002</p></div><h2 id=\"heading-3\">\u5F15\u7528</h2><blockquote><p>\u5929\u884C\u5065\uFF0C\u541B\u5B50\u4EE5\u81EA\u5F3A\u4E0D\u606F\uFF1B<br>\u5730\u52BF\u5764\uFF0C\u541B\u5B50\u4EE5\u539A\u5FB7\u8F7D\u7269\u3002</p></blockquote><h2 id=\"heading-4\">\u8868\u683C</h2><table-wrapper><table><tbody><tr><th colspan=\"1\" rowspan=\"1\" background=\"\"><p style=\"text-align: center\">Th1</p></th><th colspan=\"1\" rowspan=\"1\" background=\"\"><p style=\"text-align: center\">Th2</p></th><th colspan=\"1\" rowspan=\"1\" background=\"\"><p style=\"text-align: center\">Th3</p></th><th colspan=\"1\" rowspan=\"1\" background=\"\"><p>Th3</p></th></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>List</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><ul data-type=\"taskList\"><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Task 1</p></div></li><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Task 2</p></div></li></ul></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><ul><li><p>List item 1</p></li><li><p>List item 2</p></li></ul></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><ol><li><p>Number one</p></li><li><p>Number two</p></li></ol></td></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Text</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Text</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Text</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Text</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"#1890ff\"><p><span style=\"color: rgb(255, 255, 255)\">\u5355\u5143\u683C\u80CC\u666F</span></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p></p></td><td colspan=\"2\" rowspan=\"1\" background=\"\"><p>\u5408\u5E76\u5355\u5143\u683C</p></td></tr></tbody></table></table-wrapper><h2 id=\"heading-5\">\u56FE\u7247</h2><blockquote><p>\u4E00\u56FE\u80DC\u5343\u8A00\u3002</p></blockquote><p><img src=\"https://dhweb-app.oss-cn-hangzhou.aliyuncs.com/images/M42.jpg\" alt=\"Caption\" title=\"Title\" size=\"large\" ratio=\"5/1\"></p><h2 id=\"heading-6\">\u89C6\u9891</h2><video><source src=\"https://dhweb-app.oss-cn-hangzhou.aliyuncs.com/video/An-225.mp4\"></source></video><h2 id=\"heading-7\">3D\u6A21\u578B</h2><model-viewer src=\"https://dhweb-app.oss-cn-hangzhou.aliyuncs.com/models/NeilArmstrong.glb\"></model-viewer><h2 id=\"heading-8\">\u5217\u8868</h2><h3 id=\"heading-9\">\u65E0\u5E8F\u5217\u8868</h3><ul><li><p>List Item 1</p><ul><li><p>List Item 1.1</p></li><li><p>List Item 1.21</p></li></ul></li><li><p>List Item 2</p></li><li><p>List Item 3</p></li></ul><h3 id=\"heading-10\">\u6709\u5E8F\u5217\u8868</h3><blockquote><p>PDCA</p></blockquote><ol><li><p>Plan</p><ol><li><p>Plan 1</p></li><li><p>Plan 2</p></li></ol></li><li><p>Do</p></li><li><p>Check</p></li><li><p>Adust</p></li></ol><h3 id=\"heading-11\">\u4EFB\u52A1</h3><ul data-type=\"taskList\"><li data-checked=\"true\" data-type=\"taskItem\"><label><input type=\"checkbox\" checked=\"checked\"><span></span></label><div><p>Model Viewer</p></div></li><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Diagram</p></div></li><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Math Formula</p></div></li><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Draggable handler for all blocks</p></div></li></ul><h2 id=\"heading-12\">\u56FE\u8868</h2><p></p><pre><code class=\"language-bash\">ls ll</code></pre><p></p><div data-type=\"draggable-item\"><p>Draggable</p></div><h2 id=\"heading-13\">\u6570\u5B66\u516C\u5F0F</h2><blockquote><p><span style=\"font-family: Roboto, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif\">Write inline formula, such as&nbsp;</span>\uFF0Cor block formula:</p></blockquote><p></p><p></p><h2 id=\"heading-14\">\u4EE3\u7801\u5757</h2><blockquote><p>Friendly to developer, with syntax highlight.</p></blockquote><h3 id=\"heading-15\">Bash</h3><pre><code class=\"language-javascript\">const name = 'JavaScript';\nconsole.log('Hello, world', name);</code></pre><h3 id=\"heading-16\">Go</h3><pre><code class=\"language-go\">package main\n\nimport \"fmt\"\n\nfunc main() {\n    fmt.Println(\"Hello, world!\")\n}</code></pre><h2 id=\"heading-17\">Markdown</h2><table-wrapper><table><tbody><tr><th colspan=\"1\" rowspan=\"1\" colwidth=\"290\" background=\"\"><p style=\"text-align: center\">Title</p></th><th colspan=\"1\" rowspan=\"1\" background=\"\"><p style=\"text-align: center\">Shortcut</p></th><th colspan=\"1\" rowspan=\"1\" background=\"\"><p style=\"text-align: center\">Remarks</p></th></tr><tr><td colspan=\"1\" rowspan=\"1\" colwidth=\"290\" background=\"\"><p>Heading</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>#</code> <code>##</code> <code>###</code> <code>####</code> <code>#####</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p></p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" colwidth=\"290\" background=\"\"><p>Blockquote</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>&gt;</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p></p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" colwidth=\"290\" background=\"\"><p>Code</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>``</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p></p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" colwidth=\"290\" background=\"\"><p>Code Block</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>```</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p></p></td></tr></tbody></table></table-wrapper><h2 id=\"heading-18\">\u6392\u7248</h2><h3 id=\"heading-19\">\u6807\u9898 3</h3><p></p><h4 id=\"heading-20\">\u6807\u9898 4</h4><p>aaa</p><h3 id=\"heading-21\">\u6BB5\u843D</h3><p>\u9752\u6625\u4E0D\u662F\u5E74\u534E\uFF0C\u800C\u662F\u5FC3\u5883\uFF1B\u9752\u6625\u4E0D\u662F\u6843\u9762\u3001\u4E39\u5507\u3001\u67D4\u819D\uFF0C\u800C\u662F\u6DF1\u6C89\u7684\u610F\u5FD7\uFF0C\u6062\u5B8F\u7684\u60F3\u8C61\uFF0C\u7099\u70ED\u7684\u611F\u60C5\uFF1B\u9752\u6625\u662F\u751F\u547D\u7684\u6DF1\u6CC9\u5728\u6D8C\u6D41\u3002</p><p style=\"text-align: start\">\u9752\u6625\u6C14\u8D2F\u957F\u8679\uFF0C\u52C7\u9510\u76D6\u8FC7\u602F\u5F31\uFF0C\u8FDB\u53D6\u538B\u5012\u82DF\u5B89\u3002\u5982\u6B64\u9510\u6C14\uFF0C\u4E8C\u5341\u540E\u751F\u800C\u6709\u4E4B\uFF0C\u516D\u65EC\u7537\u5B50\u5219\u66F4\u591A\u89C1\u3002\u5E74\u5C81\u6709\u52A0\uFF0C\u5E76\u975E\u5782\u8001\uFF0C\u7406\u60F3\u4E22\u5F03\uFF0C\u65B9\u5815\u66AE\u5E74\u3002</p><p style=\"text-align: start\">\u5C81\u6708\u60A0\u60A0\uFF0C\u8870\u5FAE\u53EA\u53CA\u808C\u80A4\uFF1B\u70ED\u5FF1\u629B\u5374\uFF0C\u9893\u5E9F\u5FC5\u81F4\u7075\u9B42\u3002\u5FE7\u70E6\uFF0C\u60F6\u6050\uFF0C\u4E27\u5931\u81EA\u4FE1\uFF0C\u5B9A\u4F7F\u5FC3\u7075\u626D\u66F2\uFF0C\u610F\u6C14\u5982\u7070\u3002</p><p style=\"text-align: start\">\u65E0\u8BBA\u5E74\u5C4A\u82B1\u7532\uFF0C\u6291\u6216\u4E8C\u516B\u82B3\u9F84\uFF0C\u5FC3\u4E2D\u7686\u6709\u751F\u547D\u4E4B\u6B22\u4E50\uFF0C\u5947\u8FF9\u4E4B\u8BF1\u60D1\uFF0C\u5B69\u7AE5\u822C\u5929\u771F\u4E45\u76DB\u4E0D\u8870\u3002\u4EBA\u4EBA\u5FC3\u4E2D\u7686\u6709\u4E00\u53F0\u5929\u7EBF\uFF0C\u53EA\u8981\u4F60\u4ECE\u5929\u4E0A\u4EBA\u95F4\u63A5\u53D7\u7F8E\u597D\u3001\u5E0C\u671B\u3001\u6B22\u4E50\u3001\u52C7\u6C14\u548C\u529B\u91CF\u7684\u4FE1\u53F7\uFF0C\u4F60\u5C31\u9752\u6625\u6C38\u9A7B\uFF0C\u98CE\u534E\u5E38\u5B58\u3002</p><p style=\"text-align: start\">\u4E00\u65E6\u5929\u7EBF\u4E0B\u964D\uFF0C\u9510\u6C14\u4FBF\u88AB\u51B0\u96EA\u8986\u76D6\uFF0C\u73A9\u4E16\u4E0D\u606D\u3001\u81EA\u66B4\u81EA\u5F03\u6CB9\u7136\u800C\u751F\uFF0C\u5373\u4F7F\u5E74\u65B9\u4E8C\u5341\uFF0C\u5B9E\u5DF2\u5782\u5782\u8001\u77E3\uFF1B\u7136\u5219\u53EA\u8981\u6811\u8D77\u5929\u7EBF\uFF0C\u6355\u6349\u4E50\u89C2\u4FE1\u53F7\uFF0C\u4F60\u5C31\u6709\u671B\u5728\u516B\u5341\u9AD8\u9F84\u544A\u522B\u5C18\u5BF0\u65F6\u4ECD\u89C9\u5E74\u8F7B\u3002</p><h3 id=\"heading-22\">\u5FEB\u6377\u8F93\u5165</h3><table-wrapper><table><tbody><tr><th colspan=\"1\" rowspan=\"1\" background=\"\"><p style=\"text-align: center\">Title</p></th><th colspan=\"1\" rowspan=\"1\" background=\"\"><p style=\"text-align: center\">Input</p></th><th colspan=\"1\" rowspan=\"1\" background=\"\"><p style=\"text-align: center\">Remarks</p></th></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Copyright</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>(c)</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>\u00A9</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Right</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>(r)</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>\u00AE</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Arrow</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>&gt;&gt;</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>\u00BB</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Arrow</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>-&gt;</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>\u2192</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Not equal</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>!=</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>\u2260</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>1/2</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>\u00BD</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>Dash</p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p><code>--</code></p></td><td colspan=\"1\" rowspan=\"1\" background=\"\"><p>\u2014</p></td></tr></tbody></table></table-wrapper><h2 id=\"heading-23\">\u6587\u672C</h2><p><span style=\"font-family: Arial Black\"><strong>Bold text</strong></span></p><p><em>Italic text</em></p><p><u>Underline text</u></p><p><s>Strike through text</s></p><p><code>Inline code</code></p><p><span style=\"color: rgb(255, 77, 79)\">Text with color</span></p><p>Text with highlight background</p><p>Text with indent</p><p></p>\n";
-export declare const BasicFeaturesArticleJson = "\n{\"type\":\"doc\",\"content\":[{\"type\":\"title\",\"content\":[{\"type\":\"text\",\"text\":\"quasar-tiptap\"}]},{\"type\":\"heading\",\"attrs\":{\"textAlign\":\"\",\"indent\":0,\"lineHeight\":\"\",\"level\":\"2\",\"id\":\"d5fb3c\"},\"content\":[{\"type\":\"text\",\"text\":\"Introduction\"}]},{\"type\":\"paragraph\",\"attrs\":{\"textAlign\":null,\"indent\":null,\"lineHeight\":null}}]}\n";
-export declare const FullFeaturedArticle = "\n<h1>quasar-tiptap</h1><h2 id=\"d5fb3c\" level=\"2\">Introduction</h2><blockquote><p><strong><span style=\"color: #1890ff\">Quasar Tiptap Editor</span></strong>&nbsp;is a WYSIWYG rich-text editor built on top of tiptap&nbsp;and Quasar.\uD83D\uDD25</p></blockquote><p></p><h2 id=\"ce7176\" level=\"2\">Diagram</h2><p></p><diagram src=\"graph TD\nA[Christmas] -->|Get money| B(Go shopping)\nB --> C{Let me think}\nC -->|One| D[Laptop]\nC -->|Two| E[iPhonee]\nC -->|Three| F[Cars]\"></diagram><h2 id=\"a4baf0\" level=\"2\">Math</h2><p><span style=\"color: rgb(0, 0, 0)\"><span style=\"font-family: Roboto, -apple-system, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif\">Write inline formula, such as&nbsp;</span></span><ki src=\"\\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N\"></ki>\uFF0Cor block formula:</p><p></p><katex src=\"E=mc^2\"></katex><p></p><katex src=\"e^x=\\lim_{n\\to\\infty} \\left( 1+\\frac{x}{n} \\right)^n\"></katex><h2 id=\"2c1e92\" level=\"2\">Code</h2><blockquote></blockquote><pre><code>const name = 'JavaScript'\nconsole.log('Hello, world', name)</code></pre><pre><code>package main\n\nimport \"fmt\"\n\nfunc main() {\n    fmt.Println(\"Hello, world!\")\n}</code></pre><h2 id=\"f0df1b\" level=\"2\">Table</h2><table><tbody><tr><th><p data-text-align=\"center\">Title</p></th><th><p data-text-align=\"center\">Name</p></th><th><p data-text-align=\"center\">Description</p></th></tr><tr><td><p data-text-align=\"center\">1</p></td><td><p data-text-align=\"center\">2</p></td><td><p>3</p></td></tr><tr><td><p data-text-align=\"right\">a</p></td><td><p data-text-align=\"right\">b</p></td><td><p data-text-align=\"right\">c</p></td></tr></tbody></table><p></p><h2 id=\"3b0d30\" level=\"2\">Text</h2><p><strong><span style=\"font-family: Arial Black\">Bold text</span></strong></p><p><em>Italic text</em></p><p><u>Underline text</u></p><p><s>Strike through text</s></p><p><code>Inline code</code></p><p><span style=\"color: #ff4d4f\">Text with color</span></p><p><span style=\"background: #ffec3d\">Text with </span><span style=\"color: #ffffff\"><span style=\"background: #52c41a\">highlight</span></span><span style=\"background: #ffec3d\"> background</span></p><p data-indent=\"1\">Text with indent</p><h2 id=\"f0df1b\" level=\"2\">Image</h2><p data-text-align=\"center\"><img src=\"https://www.donote.info/statics/logo.png\"></p><p></p><h2 id=\"5aced7\" level=\"2\">List</h2><h3 id=\"55b8b4\" level=\"3\">Unordered List</h3><ul><li><p>List Item 1</p></li><li><p>List Item 2</p></li><li><p>List Item 3</p></li></ul><h3 id=\"f7d0cf\" level=\"3\">Ordered List</h3><ol><li><p>Item 1</p></li><li><p>Item 2</p></li><li><p>Item 3</p></li></ol><h3 id=\"6572ee\" level=\"3\">Todo List</h3><ul data-type=\"todo_list\"><li data-type=\"todo_item\" data-done=\"false\"><span class=\"todo-checkbox\" contenteditable=\"false\"></span><div class=\"todo-content\"><p>Task 1</p></div></li><li data-type=\"todo_item\" data-done=\"false\"><span class=\"todo-checkbox\" contenteditable=\"false\"></span><div class=\"todo-content\"><p>Task 2</p></div></li><li data-type=\"todo_item\" data-done=\"true\"><span class=\"todo-checkbox\" contenteditable=\"false\"></span><div class=\"todo-content\"><p>Task 3, done</p></div></li></ul><p></p>\n";