@ylzcc/editor 0.0.1

package/dist/extensions/ActiveComtent/active.d.ts

@@ -0,0 +1,25 @@
+import { Node } from '@tiptap/core';
+export interface ActiveOptions {
+    xternUrl: string | null;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        active: {
+            /**
+             * Set a code block
+             */
+            setQuestion: (attributes?: {
+                id: string;
+                language: string;
+            }) => ReturnType;
+            /**
+             * Toggle a code block
+             */
+            unsetQuestion: (attributes?: {
+                language: string;
+            }) => ReturnType;
+        };
+    }
+}
+export declare const backtickInputRegex: RegExp;
+export declare const Active: Node<ActiveOptions, any>;

package/dist/extensions/ActiveComtent/index.d.ts

@@ -0,0 +1,3 @@
+import { Active } from './active.js';
+export * from './active.js';
+export default Active;

package/dist/extensions/ActiveQustion/index.d.ts

@@ -0,0 +1,5 @@
+import { ActiveOptions } from '../ActiveComtent';
+export interface QuestionOptions extends ActiveOptions {
+    xternUrl: string | null;
+}
+export declare const Question: import("@tiptap/core").Node<QuestionOptions, any>;

package/dist/extensions/CodeBlock/code-block.d.ts

@@ -0,0 +1,43 @@
+import { Node } from '@tiptap/core';
+export interface CodeBlockOptions {
+    /**
+     * Adds a prefix to language classes that are applied to code tags.
+     * Defaults to `'language-'`.
+     */
+    languageClassPrefix: string;
+    /**
+     * Define whether the node should be exited on triple enter.
+     * Defaults to `true`.
+     */
+    exitOnTripleEnter: boolean;
+    /**
+     * Define whether the node should be exited on arrow down if there is no node after it.
+     * Defaults to `true`.
+     */
+    exitOnArrowDown: boolean;
+    /**
+     * Custom HTML attributes that should be added to the rendered HTML tag.
+     */
+    HTMLAttributes: Record<string, any>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        codeBlock: {
+            /**
+             * Set a code block
+             */
+            setCodeBlock: (attributes?: {
+                language: string;
+            }) => ReturnType;
+            /**
+             * Toggle a code block
+             */
+            toggleCodeBlock: (attributes?: {
+                language: string;
+            }) => ReturnType;
+        };
+    }
+}
+export declare const backtickInputRegex: RegExp;
+export declare const tildeInputRegex: RegExp;
+export declare const CodeBlock: Node<CodeBlockOptions, any>;

package/dist/extensions/CodeBlock/index.d.ts

@@ -0,0 +1,3 @@
+import { CodeBlock } from './code-block.js';
+export * from './code-block.js';
+export default CodeBlock;

package/dist/extensions/CodeBlockLowlight/index.d.ts

@@ -0,0 +1,6 @@
+import { CodeBlockOptions } from '../CodeBlock';
+export interface CodeBlockLowlightOptions extends CodeBlockOptions {
+    lowlight: any;
+    defaultLanguage: string | null | undefined;
+}
+export declare const CodeBlockLowlight: import("@tiptap/react").Node<CodeBlockLowlightOptions, any>;

package/dist/extensions/CodeBlockLowlight/lowlight-plugin.d.ts

@@ -0,0 +1,6 @@
+import { Plugin } from '@tiptap/pm/state';
+export declare function LowlightPlugin({ name, lowlight, defaultLanguage, }: {
+    name: string;
+    lowlight: any;
+    defaultLanguage: string | null | undefined;
+}): Plugin<any>;

package/dist/extensions/Document/index.d.ts

@@ -0,0 +1,2 @@
+import { Node } from '@tiptap/core';
+export declare const Document: Node<any, any>;

package/dist/extensions/FloatingMenu/FloatingMenuPlugin.d.ts

@@ -0,0 +1,9 @@
+import { Editor } from '@tiptap/core';
+import { Plugin } from '@tiptap/pm/state';
+import { Handle } from './handle';
+export type FloatingMenuPluginProps = {
+    pluginKey: string;
+    editor: Editor;
+    tip: Handle | null;
+};
+export declare const FloatingMenuPlugin: (options: FloatingMenuPluginProps) => Plugin<any>;

package/dist/extensions/FloatingMenu/handle.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { Editor } from '@tiptap/core';
+import { EditorView } from '@tiptap/pm/view';
+import { Instance, Props } from 'tippy.js';
+import { EventEmitter } from '../../utils/event-emitter';
+export declare class Handle {
+    editor: Editor;
+    tippy: Instance | null;
+    component: React.FunctionComponent;
+    tippyOptions: Partial<Props>;
+    ignoreType: string[];
+    isShow: boolean;
+    emitter: EventEmitter<{
+        hover: any;
+        type: any;
+        show: any;
+    }>;
+    private lastPos;
+    prevent: boolean;
+    constructor(editor: Editor, component: React.FunctionComponent, tippyOptions: Partial<Props>, ignoreType?: string[]);
+    build(): Element;
+    createTippy(cover?: boolean): void;
+    mouseLeave(): void;
+    show(): void;
+    hide(): void;
+    setProps(location: Partial<Props>): void;
+    setPrevent(type: boolean): void;
+    move(view: EditorView, event: MouseEvent): false | undefined;
+    destroy(): void;
+}

package/dist/extensions/FloatingMenu/index.d.ts

@@ -0,0 +1,13 @@
+import { Extension } from '@tiptap/core';
+import { FloatingMenuPluginProps } from './FloatingMenuPlugin';
+export type FloatingMenuOptions = Omit<FloatingMenuPluginProps, 'editor'>;
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        floatingMenu: {
+            showTip: () => ReturnType;
+            hideTip: () => ReturnType;
+            changeTip: (type?: boolean) => ReturnType;
+        };
+    }
+}
+export declare const FloatingMenu: Extension<FloatingMenuOptions, any>;

package/dist/extensions/Fragment/index.d.ts

@@ -0,0 +1,2 @@
+import { Node } from '@tiptap/core';
+export declare const Fragment: Node<any, any>;

package/dist/extensions/Heading/index.d.ts

@@ -0,0 +1,26 @@
+import { Node } from '@tiptap/core';
+import './index.less';
+export type Level = 1 | 2 | 3 | 4 | 5 | 6;
+export interface HeadingOptions {
+    levels: Level[];
+    HTMLAttributes: Record<string, any>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        heading: {
+            /**
+             * Set a heading node
+             */
+            setHeading: (attributes: {
+                level: Level;
+            }) => ReturnType;
+            /**
+             * Toggle a heading node
+             */
+            toggleHeading: (attributes: {
+                level: Level;
+            }) => ReturnType;
+        };
+    }
+}
+export declare const Heading: Node<HeadingOptions, any>;

package/dist/extensions/Image/index.d.ts

@@ -0,0 +1,25 @@
+import { Node } from '@tiptap/core';
+import './index.less';
+export interface ImageOptions {
+    oss: string;
+    inline: boolean;
+    allowBase64: boolean;
+    HTMLAttributes: Record<string, any>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        image: {
+            /**
+             * Add an image
+             */
+            setImage: (options: {
+                src: string;
+                alt?: string;
+                title?: string;
+            }) => ReturnType;
+            uploadImage: () => ReturnType;
+        };
+    }
+}
+export declare const inputRegex: RegExp;
+export declare const Image: Node<ImageOptions, any>;

package/dist/extensions/Link/helpers/autolink.d.ts

@@ -0,0 +1,8 @@
+import { MarkType } from '@tiptap/pm/model';
+import { Plugin } from '@tiptap/pm/state';
+type AutolinkOptions = {
+    type: MarkType;
+    validate?: (url: string) => boolean;
+};
+export declare function autolink(options: AutolinkOptions): Plugin;
+export {};

package/dist/extensions/Link/helpers/clickHandler.d.ts

@@ -0,0 +1,7 @@
+import { MarkType } from '@tiptap/pm/model';
+import { Plugin } from '@tiptap/pm/state';
+type ClickHandlerOptions = {
+    type: MarkType;
+};
+export declare function clickHandler(options: ClickHandlerOptions): Plugin;
+export {};

package/dist/extensions/Link/helpers/pasteHandler.d.ts

@@ -0,0 +1,9 @@
+import { Editor } from '@tiptap/core';
+import { MarkType } from '@tiptap/pm/model';
+import { Plugin } from '@tiptap/pm/state';
+type PasteHandlerOptions = {
+    editor: Editor;
+    type: MarkType;
+};
+export declare function pasteHandler(options: PasteHandlerOptions): Plugin;
+export {};

package/dist/extensions/Link/index.d.ts

@@ -0,0 +1,3 @@
+import { Link } from './link.ts';
+export * from './link.ts';
+export default Link;

package/dist/extensions/Link/link.d.ts

@@ -0,0 +1,69 @@
+import { Mark } from '@tiptap/core';
+import './index.less';
+import { Instance } from "tippy.js";
+export interface LinkProtocolOptions {
+    scheme: string;
+    optionalSlashes?: boolean;
+}
+export declare const pasteRegex: RegExp;
+export interface LinkOptions {
+    /**
+     * If enabled, it adds links as you type.
+     */
+    autolink: boolean;
+    /**
+     * An array of custom protocols to be registered with linkifyjs.
+     */
+    protocols: Array<LinkProtocolOptions | string>;
+    /**
+     * If enabled, links will be opened on click.
+     */
+    openOnClick: boolean;
+    /**
+     * Adds a link to the current selection if the pasted content only contains an url.
+     */
+    linkOnPaste: boolean;
+    /**
+     * A list of HTML attributes to be rendered.
+     */
+    HTMLAttributes: Record<string, any>;
+    tip: Instance | null;
+    id: string;
+    /**
+     * A validation function that modifies link verification for the auto linker.
+     * @param url - The url to be validated.
+     * @returns - True if the url is valid, false otherwise.
+     */
+    validate?: (url: string) => boolean;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        link: {
+            /**
+             * Set a link mark
+             */
+            setLink: (attributes: {
+                href: string;
+                target?: string | null;
+                rel?: string | null;
+                class?: string | null;
+            }) => ReturnType;
+            /**
+             * Toggle a link mark
+             */
+            toggleLink: (attributes: {
+                href: string;
+                target?: string | null;
+                rel?: string | null;
+                class?: string | null;
+            }) => ReturnType;
+            /**
+             * Unset a link mark
+             */
+            unsetLink: () => ReturnType;
+            showLinkTip: () => ReturnType;
+            hideLinkTip: () => ReturnType;
+        };
+    }
+}
+export declare const Link: Mark<LinkOptions, any>;

package/dist/extensions/Paragraph/index.d.ts

@@ -0,0 +1,13 @@
+import { Node } from '@tiptap/core';
+import './index.less';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        paragraph: {
+            /**
+             * Toggle a paragraph
+             */
+            setParagraph: () => ReturnType;
+        };
+    }
+}
+export declare const Paragraph: Node<any, any>;

package/dist/extensions/Pdf/index.d.ts

@@ -0,0 +1,3 @@
+import { Pdf } from './pdf.js';
+export * from './pdf.js';
+export default Pdf;

package/dist/extensions/Pdf/pdf.d.ts

@@ -0,0 +1,18 @@
+import { Node } from '@tiptap/core';
+import './index.less';
+export interface PdfOptions {
+    url: string | undefined;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        pdf: {
+            /**
+             * Add an image
+             */
+            setPdf: (attributes?: {
+                pdfUrl: string;
+            }) => ReturnType;
+        };
+    }
+}
+export declare const Pdf: Node<PdfOptions, any>;

package/dist/extensions/PdfView/index.d.ts

@@ -0,0 +1,4 @@
+import { PdfOptions } from '../Pdf';
+export interface PdfViewOptions extends PdfOptions {
+}
+export declare const PdfView: import("@tiptap/core").Node<PdfViewOptions, any>;

package/dist/extensions/Placeholder/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+import { Extension } from '@tiptap/core';
+export declare const Placeholder: Extension<any, any>;

package/dist/extensions/Slash/index.d.ts

@@ -0,0 +1,19 @@
+import { Extension } from "@tiptap/core";
+import { SuggestionOptions } from "@tiptap/suggestion";
+import { Instance } from 'tippy.js';
+import { EventEmitter } from "../../utils/event-emitter";
+export type SlashOptions = Omit<SuggestionOptions, 'editor'> & {
+    tip: Instance | null;
+    emitter: EventEmitter<{
+        show: any;
+    }> | null;
+};
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        Slash: {
+            showMenu: () => ReturnType;
+            hideMenu: () => ReturnType;
+        };
+    }
+}
+export declare const Slash: Extension<SlashOptions, any>;

package/dist/extensions/Text/index.d.ts

@@ -0,0 +1,2 @@
+import { Node } from '@tiptap/core';
+export declare const Text: Node<any, any>;

package/dist/extensions/Title/index.d.ts

@@ -0,0 +1,3 @@
+import { Node } from '@tiptap/core';
+import './index.less';
+export declare const Title: Node<any, any>;

package/dist/extensions/bubble-menu/bubble-menu-style.d.ts

@@ -0,0 +1,3 @@
+import './style.css';
+declare const BubbleMenuView: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default BubbleMenuView;

package/dist/extensions/bubble-menu/bubble-menu.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { Editor, Extension } from "@tiptap/core";
+import { Instance } from "tippy.js";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        bubbleMenu: {
+            showBubbleMenu: () => ReturnType;
+            hideBubbleMenu: () => ReturnType;
+        };
+    }
+}
+export type BubbleMenuProps = {
+    ignoreTypes: string[];
+    zIndex: number;
+    component: (({ editor, from, to }: {
+        editor: Editor;
+        from: number;
+        to: number;
+    }) => React.JSX.Element) | null;
+    tippy: Instance | null;
+    delay: number;
+    debounce: any | null;
+};
+export declare const BubbleMenu: Extension<BubbleMenuProps, any>;

package/dist/extensions/bubble-menu/dropdownItem.d.ts

@@ -0,0 +1,10 @@
+export declare const textDropDown: (editor: any) => {
+    label: import("react/jsx-runtime").JSX.Element;
+    key: string;
+    onClick: () => void;
+}[];
+export declare const alignDropDown: (editor: any) => {
+    label: import("react/jsx-runtime").JSX.Element;
+    key: string;
+    onClick: () => void;
+}[];

package/dist/extensions/bubble-menu/index.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    BubbleMenu: import("@tiptap/core").Extension<import("./bubble-menu").BubbleMenuProps, any>;
+    BubbleMenuView: (props: any) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import Editor from './Editor';
+export default Editor;

package/dist/style.css

@@ -0,0 +1 @@
+.tiptap{padding:30px 26px}.tiptap:focus{outline:none}.tiptap *{padding:0;margin:0}.tiptap .ant-btn{padding:0 16px;height:24px;background:#1677ff;border-radius:2px;font-size:12px;line-height:24px}.tiptap .inline-code{padding:2px 8px;background:#fff5ec;color:#f0861d;border-radius:2px}.tiptap .node-codeBlock{margin:20px 0}.tiptap blockquote{margin:20px 0;margin-inline-start:0!important;padding:8px 10px 8px 16px;background:#f0f2f5;color:#888;position:relative}.tiptap blockquote:after{position:absolute;left:0;bottom:0;width:4px;height:100%;background:#dcdee0;content:""}.tiptap .tableWrapper{margin:20px 0;max-width:100%;overflow-x:auto}.tiptap .tableWrapper table{max-width:100%}.tiptap table{border-collapse:collapse;text-align:left}.tiptap table th{background:#f0f2f5}.tiptap table th p{font-weight:700;color:#333!important}.tiptap table th,.tiptap table td{border:.5px solid #d9d9d9!important;padding:8px 20px!important;color:#666!important}.tiptap>ul{margin:20px 0;padding-left:18px!important}.tiptap ul{padding-left:14px}.tiptap ul li p{line-height:28px}.tiptap ul li::marker{color:#1677ff}.tiptap ul ul ul ul{list-style-type:disc}.tiptap ul ul ul ul ul{list-style-type:circle}.tiptap ul ul ul ul ul ul{list-style-type:square}.tiptap ul ul ul ul ul ul ul{list-style-type:disc}.tiptap ul ul ul ul ul ul ul ul{list-style-type:circle}.tiptap ul ul ul ul ul ul ul ul ul{list-style-type:square}.tiptap>ol{margin:20px 0;padding-left:18px!important}.tiptap ol{padding-left:14px}.tiptap ol li p{line-height:28px}.tiptap ol li::marker{color:#1677ff}.tiptap ol ol{list-style-type:lower-alpha}.tiptap ol ol ol{list-style-type:lower-roman}.tiptap ol ol ol ol{list-style-type:decimal}.tiptap ol ol ol ol ol{list-style-type:lower-alpha}.tiptap ol ol ol ol ol ol{list-style-type:lower-roman}.tiptap ol ol ol ol ol ol ol{list-style-type:decimal}.tiptap ol ol ol ol ol ol ol ol{list-style-type:lower-alpha}.tiptap ol ol ol ol ol ol ol ol ol{list-style-type:lower-roman}.tiptap hr{margin:20px 0;border-top:.5px solid #d9d9d9}.ylz-editor{position:relative;height:100%;max-height:100vh;min-height:100vh;background:#fafcff;display:flex;overflow:hidden}.ylz-editor-container{margin:0 0 0 10px;flex:1;overflow-y:auto}.ylz-editor-container>div{width:calc(100% - 268px)}.ylz-editor-container::-webkit-scrollbar{width:6px}.ylz-editor-container::-webkit-scrollbar-track{background-color:transparent}.ylz-editor-container::-webkit-scrollbar-thumb{background-color:#ededed;border-radius:10px}.ylz-editor-container::-webkit-scrollbar-thumb:hover{background-color:#e0e0e0}.ylz-editor-container-max>div{width:100%}.ylz-editor-tooltip{background:#fff;border:.5px solid #e5e5e5;border-radius:2px;box-shadow:1px 1px 2px #5c75991a;overflow:hidden}.ylz-editor-tooltip .ant-tooltip-inner{min-height:24px!important;padding:4px 8px;font-size:12px;font-weight:400;text-align:LEFT;color:#666;line-height:16px;border-radius:2px}.tiptap h1,.tiptap h2,.tiptap h3,.tiptap h4,.tiptap h5,.tiptap h6{margin:20px 0!important;color:#333;font-weight:600}.tiptap h1{font-size:28px;line-height:38px}.tiptap h2{font-size:24px;line-height:34px}.tiptap h3{font-size:20px;line-height:30px}.tiptap h4{font-size:18px;line-height:28px}.tiptap h5{font-size:16px;line-height:26px}.tiptap h6{font-size:15px;line-height:24px}.tiptap-paragraph{font-size:14px;font-weight:400;color:#666;line-height:26px}.tiptap-title{font-size:28px;font-weight:600;color:block;line-height:38px;padding-bottom:20px;border-bottom:.5px solid #d9d9d9;margin-bottom:20px}.tiptap .tiptap-editor-nofocus-is-empty:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;font-size:14px;font-weight:400;color:#ccc;line-height:26px}.tiptap .tiptap-title-is-empty:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;font-size:28px;font-weight:600;color:#ccc;line-height:38px}.tiptap .tiptap-is-empty:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;font-size:14px;font-weight:400;color:#ccc;line-height:26px}.bubble-menu{display:flex;justify-content:center;align-items:center;position:relative;background:#fff;border:.5px solid #e5e5e5;border-radius:4px;box-shadow:0 2px 8px #615c9926;height:28px;z-index:1;padding:0 4px}.bubble-menu .dropdownLine{height:14px;border-left:.5px solid #d9d9d9}.bubble-menu .bubble-menu-item{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:2px}.bubble-menu .bubble-menu-item:hover{background:#f0f2f5}.bubble-menu .bubble-menu-other-item{display:flex;justify-content:center;align-items:center;width:30px;height:20px;border-radius:2px;cursor:pointer}.bubble-menu .bubble-menu-other-item .bubble-menu-other-item-icon{transition:transform .5s ease-in-out}.bubble-menu .bubble-menu-other-item:hover{background:#f0f2f5}.floating-menu{width:16px;height:16px;display:flex;justify-content:center;align-items:center;border-radius:4px;border:1px solid #e0e0e0;background:#fff;padding:4px;z-index:1}.floating-menu button{width:14px;height:14px;display:flex;align-items:center;justify-content:center}.tom{margin-top:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.bubbleMenuDropdown{margin-top:10px}.bubbleMenuDropdown .ant-dropdown-menu{border:.5px solid #e5e5e5;border-radius:4px;box-shadow:0 2px 8px #615c9926}.bubbleMenuDropdown .ant-dropdown-menu-item{width:180px;height:28px;border-radius:2px}.bubbleMenuDropdown .ant-dropdown-menu-item:hover .MenuProps-item-left .MenuProps-item-left-text{color:#333!important}.bubbleMenuDropdown .ant-dropdown-menu-item:hover .MenuProps-item-left .MenuProps-item-left-svg svg{fill:#333}.bubbleMenuDropdown .MenuProps-item{display:flex;align-items:center;justify-content:space-between}.bubbleMenuDropdown .MenuProps-item .MenuProps-item-left{display:flex;align-items:center}.code-block{position:relative}.code-block .hljs-comment,.code-block .hljs-quote{color:#616161}.code-block .hljs-variable,.code-block .hljs-template-variable,.code-block .hljs-attribute,.code-block .hljs-tag,.code-block .hljs-name,.code-block .hljs-regexp,.code-block .hljs-link,.code-block .hljs-selector-id,.code-block .hljs-selector-class{color:#f98181}.code-block .hljs-number,.code-block .hljs-meta,.code-block .hljs-built_in,.code-block .hljs-builtin-name,.code-block .hljs-literal,.code-block .hljs-type,.code-block .hljs-params{color:#fbbc88}.code-block .hljs-string,.code-block .hljs-symbol,.code-block .hljs-bullet{color:#b9f18d}.code-block .hljs-title,.code-block .hljs-section{color:#faf594}.code-block .hljs-keyword,.code-block .hljs-selector-tag{color:#70cff8}.code-block .hljs-emphasis{font-style:italic}.code-block .hljs-strong{font-weight:700}.code-block pre{background:#0d0d0d;color:#fff;font-family:JetBrainsMono,monospace;margin:0;padding:0}.code-block pre code{color:inherit;background:none;font-size:.8rem}.code-block pre code div{padding-left:10px}.code-block .code-block-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:10px;background:#0d0d0d;box-shadow:0 1px 5px 5px #fff;flex-wrap:nowrap}.code-block .code-block-header .ant-space-item button{background:#fff;display:flex;width:24px;height:24px;align-items:center;justify-content:center}.code-block .code-block-header .ant-space-item button:hover{color:#fff}.code-block .code-block-body,.code-block .code-block-footer{box-shadow:0 3px 5px #fff}.title{cursor:pointer;font-weight:600;box-sizing:border-box;margin-bottom:10px}.content-title h1:first-child:has(br):before{content:attr(data-placeholder);float:left;color:#ced4da;pointer-events:none;height:0}.h-link{width:400px;background:#fff;border:.5px solid #e5e5e5;border-radius:4px;box-shadow:0 2px 8px #615c9926;padding:24px;box-sizing:border-box}.h-link .h-link-bottoms{display:flex;justify-content:end;align-items:center;margin-top:10px}.h-link .h-link-bottoms .cancleBtn{display:flex;align-items:center;justify-content:center;width:64px;height:32px;background:#fff;border:1px solid #d9d9d9;border-radius:2px;color:#666;font-size:14px;cursor:pointer}.h-link .h-link-bottoms .conBtn{cursor:pointer;display:flex;align-items:center;justify-content:center;width:64px;height:32px;background:#1677ff;border-radius:2px;font-size:14px;color:#fff;margin-left:10px}.h-link .h-link-line{display:flex;align-items:center;font-size:14px;color:#333;margin-bottom:20px}.h-link .h-link-line .text{text-wrap:nowrap;margin-right:16px}.h-link .h-link-line .ant-input{border:1px solid #e5e5e5;border-radius:2px;color:#666;font-size:14px}.h-link .h-link-line .ant-input-outlined:focus{border:1px solid #1677ff}.tippy-box[data-animation=scale-extreme][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale-extreme][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale-extreme][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale-extreme][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale-extreme][data-state=hidden]{transform:scale(0);opacity:.25}.catalogue{position:absolute;top:0;right:0;bottom:0;width:268px}.catalogue-header{padding:40px 30px 20px;display:flex;align-items:center}.catalogue-header>span{font-size:16px;font-weight:500;color:#333;line-height:16px}.catalogue-header svg{margin-left:12px;cursor:pointer}.catalogue-main{max-height:calc(100% - 76px);padding-right:10px;border-left:1px solid #d9d9d9;overflow-y:auto}.catalogue-main::-webkit-scrollbar{width:6px}.catalogue-main::-webkit-scrollbar-track{background-color:transparent}.catalogue-main::-webkit-scrollbar-thumb{background-color:#ededed;border-radius:10px}.catalogue-main::-webkit-scrollbar-thumb:hover{background-color:#e0e0e0}.catalogue-main>div{padding-right:8px;height:28px;display:flex;align-items:center;cursor:pointer;position:relative}.catalogue-main>div .catalogue-collapse{margin-right:8px;width:14px;height:14px;display:flex}.catalogue-main>div .catalogue-collapse svg{fill:#999;transform:rotate(0);transition:all .5s}.catalogue-main>div .catalogue-collapse svg:hover{fill:#1677ff}.catalogue-main>div .collapsed svg{transform:rotate(-90deg)}.catalogue-main>div .catalogue-text{flex:1;font-size:13px;color:#666;line-height:initial;white-space:nowrap;word-break:break-all;text-overflow:ellipsis;overflow:hidden}.catalogue-main>div .catalogue-text:hover{color:#1677ff}.catalogue-main .active .catalogue-text{color:#1677ff!important}.catalogue-main .indent-level-1{padding-left:8px}.catalogue-main .indent-level-2{padding-left:16px}.catalogue-main .indent-level-3{padding-left:24px}.catalogue-main .indent-level-4{padding-left:32px}.catalogue-main .indent-level-5{padding-left:40px}.catalogue-main .indent-level-6{padding-left:48px}.catalogue-hover{background:#fafcff;box-shadow:-4px 0 10px #0000000d}.catalogue-folded{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.catalogue-folded div{width:27px;height:47px;background:#fff;border:.5px solid #e5e5e5;border-radius:2px;box-shadow:1px 1px 2px #5c75991a;font-size:14px;font-weight:400;color:#666;line-height:16px;writing-mode:vertical-lr;letter-spacing:2px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tiptap .code-block{padding:32px 10px 0;border-radius:4px}.tiptap .code-block-header{position:absolute;left:10px;top:4px;right:10px;padding:0;width:auto;box-shadow:none}.tiptap .code-block-header-left .ant-select{margin-right:10px}.tiptap .code-block-header .ant-select-single{height:24px}.tiptap .code-block-header .ant-select .ant-select-selector{padding:0 10px;border-radius:2px;font-size:12px}.tiptap .code-block-header .ant-select .ant-select-selector .ant-select-selection-item{line-height:24px}.tiptap .code-block-header .ant-select .ant-select-selector .ant-select-selection-search-input{height:24px}.tiptap .code-block-header .ant-checkbox-wrapper{align-items:center}.tiptap .code-block-header .ant-checkbox .ant-checkbox-inner{border-radius:2px}.tiptap .code-block-header .ant-checkbox+span{padding-inline-start:4px;padding-inline-end:4px;font-size:12px}.tiptap .code-block-body{box-shadow:none;max-height:500px;overflow-y:auto}.tiptap .code-block-body::-webkit-scrollbar{width:6px}.tiptap .code-block-body::-webkit-scrollbar-track{background-color:transparent}.tiptap .code-block-body::-webkit-scrollbar-thumb{border-radius:10px}.tiptap .code-block-action{padding:10px 0;display:flex;justify-content:flex-end}.tiptap .code-block-action .ant-btn{margin-left:10px}.tiptap .code-block-action-copy{position:relative}.tiptap .code-block-action-copy .copy-tip{position:absolute;left:10px;top:-28px;width:88px;height:24px;background:#fff;border-radius:2px;box-shadow:4px 4px 10px #615c9926;display:flex;align-items:center;justify-content:center}.tiptap .code-block-action-copy .copy-tip span{margin-left:4px;color:#666;font-size:12px}.tiptap .code-block-light,.tiptap .code-block-light .code-block-header{background:#f0f2f5}.tiptap .code-block-light .code-block-header .ant-select .ant-select-selector{background:#fff;border:.5px solid #d9d9d9}.tiptap .code-block-light .code-block-header .ant-select .ant-select-selection-item{color:#333}.tiptap .code-block-light .code-block-header .ant-checkbox .ant-checkbox-inner{border:1px solid #999999}.tiptap .code-block-light .code-block-header .ant-checkbox+span{color:#666}.tiptap .code-block-light .code-block-body{background:#f0f2f5;color:#666}.tiptap .code-block-light .code-block-body::-webkit-scrollbar-thumb{background-color:#ededed}.tiptap .code-block-light .code-block-body::-webkit-scrollbar-thumb:hover{background-color:#e0e0e0}.tiptap .code-block-dark,.tiptap .code-block-dark .code-block-header{background:#252525}.tiptap .code-block-dark .code-block-header .ant-select .ant-select-selector{background:#333;border:.5px solid #454545}.tiptap .code-block-dark .code-block-header .ant-select .ant-select-selection-item,.tiptap .code-block-dark .code-block-header .ant-select .ant-select-arrow{color:#ccc}.tiptap .code-block-dark .code-block-header .ant-checkbox .ant-checkbox-inner{border:1px solid #cccccc}.tiptap .code-block-dark .code-block-header .ant-checkbox+span{color:#ccc}.tiptap .code-block-dark .code-block-header .ant-checkbox-checked .ant-checkbox-inner{background-color:#1677ff;border-color:#1677ff}.tiptap .code-block-dark .code-block-body{background:#252525}.tiptap .code-block-dark .code-block-body::-webkit-scrollbar-thumb{background-color:#444}.tiptap .code-block-dark .code-block-body::-webkit-scrollbar-thumb:hover{background-color:#666}.floatingmenu-tip{width:16px;height:16px;border:.5px solid #d9d9d9;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer}.floatingmenu-tip:hover{background:#f0f2f5}.tiptap-menu{width:182px;box-sizing:border-box;background:#fff;border:.5px solid #e5e5e5;border-radius:4px;box-shadow:0 2px 8px #615c9926;padding:10px 4px 4px}.tiptap-menu-item:not(:last-child){margin-bottom:20px}.tiptap-menu-item-title{font-size:12px;font-weight:400;text-align:LEFT;color:#999;line-height:12px;padding-bottom:10px;padding-left:16px}.tiptap-menu-item-menus{display:flex;flex-wrap:wrap;gap:10px;padding:0 16px}.tiptap-menu-item-menus-light{background:#f0f2f5!important}.tiptap-menu-item-menus-item{width:20px;height:20px;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;--color: #666666;position:relative}.tiptap-menu-item-menus-item svg{fill:var(--color)}.tiptap-menu-item-menus-item:hover{background:#f0f2f5}.tiptap-menu-item-menus-item:hover:before{box-sizing:border-box;position:absolute;content:attr(data-tip);width:fit-content;left:50%;transform:translate(-50%);top:100%;white-space:nowrap;background:#fff;border:.5px solid #e5e5e5;border-radius:2px;font-size:12px;font-weight:400;color:#666;line-height:12px;padding:4px;box-shadow:1px 1px 2px #5c75991a;z-index:100}.tiptap-menu-item-list-item{height:28px;border-radius:2px;cursor:pointer;display:flex;align-items:center}.tiptap-menu-item-list-item:hover{background:#f0f2f5}.tiptap-menu-item-list-item svg{margin:0 18px}.tiptap-menu-item-list-item span{font-size:13px;font-weight:400;text-align:LEFT;color:#666;line-height:13px}.tiptap-table-select{background-color:#fff;border:.5px solid #e5e5e5;border-radius:4px;box-shadow:0 2px 8px #615c9926;padding:15px;width:250px}.tiptap-table-select-title{padding-bottom:10px;display:flex;align-items:center;justify-content:space-between}.tiptap-table-select-title-left{font-size:14px}.tiptap-table-select-title-right{font-size:14px;color:#8a8a8a;letter-spacing:2px}.tiptap-table-select-content{border:1px solid #e5e5e5;display:flex;flex-wrap:wrap;padding:10px;gap:6px;cursor:pointer}.tiptap-table-select-content div{width:20px;height:20px;background-color:#e9e9e9;box-sizing:border-box;border:1px solid #e1e1e1}.tiptap-table-select-content div.light{background-color:#72fc9d;border-color:#72fc9d}.tiptap-changemenu{background:#fff;border:.5px solid #e5e5e5;border-radius:4px;padding:4px;box-shadow:0 2px 8px #615c9926}.tiptap-changemenu-item{width:72px;height:28px;border-radius:2px;display:flex;align-items:center;justify-content:left;font-size:13px;font-weight:400;text-align:LEFT;color:#666;line-height:13px;cursor:pointer}.tiptap-changemenu-item:hover{background:#f0f2f5}.tiptap-changemenu-item svg{margin-left:10px;margin-right:8px}.tiptap-changemenu-item-del svg{fill:#999!important}.tiptap-changemenu-item-del:hover{color:#f5222d!important}.tiptap-changemenu-item-del:hover svg{fill:#f5222d!important}.tiptap .tiptap-image{display:block;object-fit:contain;max-width:100%;max-height:100%;height:auto;margin:20px 0}.tiptap-paragraph a{position:relative;display:inline-block;color:#1677ff;text-decoration:none;cursor:pointer}.tiptap-paragraph a:hover{color:#1677ff;text-decoration:underline}.hoveValue{background:#fff;border:.5px solid #e5e5e5;border-radius:2px;box-shadow:0 2px 8px #615c9926;height:20px;box-sizing:border-box;padding:0 4px;color:#666;font-size:12px;display:flex;align-items:center}.lintView{height:28px;display:flex;align-items:center;padding:0 10px;background:#fff;border:.5px solid #e5e5e5;border-radius:2px;box-shadow:0 2px 8px #615c9926;max-width:400px;cursor:pointer}.lintView .lineValue{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#999;font-size:14px;box-sizing:border-box}.lintView .lineIcon{display:flex;justify-content:center;align-items:center;width:20px!important;height:20px!important;box-sizing:border-box;border-radius:2px}.lintView .lineIcon:hover{background:#f0f2f5}.link-tooltip{background:#f5f6fa!important;border:.5px solid #e5e5e5;border-radius:2px;box-shadow:1px 1px 1px #5c75991a;overflow:hidden}.link-tooltip .ant-tooltip-inner{min-height:16px!important;padding:2px 4px;font-size:12px;font-weight:400;text-align:LEFT;color:#999;line-height:20px;border-radius:2px}.activeMd{box-shadow:0 2px 8px #615c9926;width:100%;padding:24px 30px;box-sizing:border-box;white-space:break-spaces;min-height:180px;display:flex;flex-direction:column;justify-content:center;max-width:600px;min-width:380px;font-family:none!important;line-height:26px;font-size:14px;color:#666}.activeMd img{margin:0!important}.EditorClass{position:relative;width:100%}*:focus{outline:none;box-shadow:none}.EditorMark{position:absolute;width:100%;height:100%;z-index:999}.validateTitle img{max-width:100%}.questionTitle{width:100%;display:flex;align-items:center}.validateTitle{width:100%;margin-bottom:14px;position:relative}.validate-prompt{position:absolute;bottom:-20px}.validate-prompt-success{display:flex;align-items:center;color:#30c213;font-size:12px}.question-title-rigth{flex:1;font-size:15px;color:#333;line-height:21px;display:flex;align-items:center}.question-value{background:#fff;border:.5px solid #faad14;border-radius:2px;margin-bottom:-1px;margin-left:4px;font-size:11px;color:#faad14;box-sizing:border-box;padding:0 4px;background:#faad140d;line-height:16px}.question-type{background:#fff;border:.5px solid #1677ff;background:#1677ff0d;border-radius:2px;margin-bottom:-1px;margin-left:4px;font-size:11px;color:#1677ff;box-sizing:border-box;padding:0 4px;display:flex;justify-content:center;align-items:center;line-height:16px}.questSelect{width:100%;margin-top:20px;position:relative}.questSelectitem{width:100%;display:flex;margin-bottom:16px;align-items:center}.questSelectitem-left{width:16px;height:16px;border:1px solid #666;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:16px}.questSelectitem-left:hover{border:1px solid #1677FF!important}.questSelectitem-click{background:#1677ff;width:10px;height:10px;border-radius:50%}.questSelectitem-rigth{color:#666;font-size:14px;margin-left:10px;line-height:20px}.qusetion-prompt{position:absolute;bottom:-20px}.qusetion-prompt-success{display:flex;align-items:center;color:#30c213;font-size:12px}.qusetion-prompt-error{display:flex;align-items:center;color:#f5222d;font-size:12px}.questionSumbit{width:100%;padding-top:14px;display:flex;justify-content:center}.questionSumbit-btn{display:flex;color:#fff;font-size:14px;justify-content:center;align-items:center;padding:5px 30px;background:#1677ff;border-radius:2px;box-sizing:border-box;cursor:pointer}.novalue-btn{display:flex;color:#00000040;font-size:14px;justify-content:center;align-items:center;padding:4px 29px;background:#0000000a;box-sizing:border-box;border:1px solid #d9d9d9;border-radius:2px;cursor:pointer}.exec-btn{display:flex;color:#fff;font-size:14px;justify-content:center;align-items:center;padding:5px 30px;background:#1677ff;border-radius:2px;box-sizing:border-box;cursor:pointer}.last-btn{border:1px solid #d9d9d9;border-radius:2px;box-sizing:border-box;padding:5px 23px;color:#333;font-size:14px;cursor:pointer}.last-btn:hover{border:1px solid #1677FF;color:#1677ff}.questionSumbit-btn:hover{background:#4592ff}.tipContent{margin-top:40px;margin-bottom:14px}.tipValue{position:relative;width:100%;padding:10px 16px;border:.5px solid;border-image:linear-gradient(90deg,#faad141a,#faad1480 100%,#faad141a) .5 .5;border-radius:2px;box-shadow:0 2px 8px #faad141a;box-sizing:border-box;color:#666;font-size:14px;margin-top:8px}.tipIcon{position:absolute;right:0;top:0}.instructTip{margin-top:15px;margin-bottom:14px}.instructValue{background:#f5f6fa;border-radius:2px;padding:10px 16px;box-sizing:border-box;font-size:14px;color:#666;line-height:20px;margin-top:8px}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.pdfShow{position:relative}.pdfShow .annotationLayer{display:none}.pdfShow .react-pdf__Page__canvas{max-width:100%!important;height:100%!important}.pdfShow .react-pdf__Page__annotations{display:none}.pagechange{display:flex;align-items:center;font-size:12px;color:#666;justify-content:center;width:100%;background:#fff;cursor:pointer}.react-pdf__Page{display:flex;justify-content:center}.nowPage{width:24px;height:24px;background:#fff;border:1px solid #d9d9d9;border-radius:2px;display:flex;justify-content:center;align-items:center;margin:0 6px}.nowPageInput{border:none;background:transparent;width:100%;text-align:center;font-size:12px;color:#666}.rpv-toolbar__pagination{display:none}

package/dist/utils/event-emitter.d.ts

@@ -0,0 +1,11 @@
+type StringKeyOf<T> = Extract<keyof T, string>;
+type CallbackType<T extends Record<string, any>, EventName extends StringKeyOf<T>> = T[EventName] extends any[] ? T[EventName] : [T[EventName]];
+type CallbackFunction<T extends Record<string, any>, EventName extends StringKeyOf<T>> = (...props: CallbackType<T, EventName>) => any;
+export declare class EventEmitter<T extends Record<string, any>> {
+    private callbacks;
+    on<EventName extends StringKeyOf<T>>(event: EventName, fn: CallbackFunction<T, EventName>): this;
+    emit<EventName extends StringKeyOf<T>>(event: EventName, ...args: CallbackType<T, EventName>): this;
+    off<EventName extends StringKeyOf<T>>(event: EventName, fn?: CallbackFunction<T, EventName>): this;
+    removeAllListeners(): void;
+}
+export {};

package/dist/utils/index.d.ts

@@ -0,0 +1,5 @@
+export declare const base64ToText: (base64: any) => string;
+export declare const textToBase64: (text: string) => string;
+export declare const toEditorJSON: (value: any) => any;
+export declare const getFileSuffix: (v: string) => string;
+export declare const toMarkdownJson: (value: any) => any;

package/dist/utils/utils.d.ts

@@ -0,0 +1,7 @@
+export declare const getQueryStringValue: (key: string) => string | null;
+export declare const getPathnameValue: any;
+export declare const isJsonString: (str: string) => boolean;
+export declare const base64ToText: (base64: any) => string;
+export declare const textToBase64: (text: string) => string;
+export declare const getFileSuffix: (v: string) => string;
+export declare const toBase64: (file: Blob) => Promise<string>;

package/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "@ylzcc/editor",
+  "version": "0.0.1",
+  "type": "module",
+  "description": "editor ui components",
+  "keywords": [
+    "editor"
+  ],
+  "author": "zengyijing",
+  "main": "dist/editor.umd.js",
+  "module": "dist/editor.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "dev": "vite --open",
+    "start": "vite --open",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@tiptap/core": "^2.2.4",
+    "@tiptap/extension-blockquote": "^2.2.4",
+    "@tiptap/extension-bold": "^2.2.4",
+    "@tiptap/extension-bullet-list": "^2.2.4",
+    "@tiptap/extension-code": "^2.2.4",
+    "@tiptap/extension-color": "^2.2.4",
+    "@tiptap/extension-document": "^2.2.4",
+    "@tiptap/extension-gapcursor": "^2.2.4",
+    "@tiptap/extension-hard-break": "^2.2.4",
+    "@tiptap/extension-history": "^2.2.4",
+    "@tiptap/extension-horizontal-rule": "^2.2.4",
+    "@tiptap/extension-italic": "^2.2.4",
+    "@tiptap/extension-link": "^2.2.4",
+    "@tiptap/extension-list-item": "^2.2.4",
+    "@tiptap/extension-ordered-list": "^2.2.4",
+    "@tiptap/extension-paragraph": "^2.2.4",
+    "@tiptap/extension-placeholder": "^2.2.4",
+    "@tiptap/extension-strike": "^2.2.4",
+    "@tiptap/extension-subscript": "^2.2.4",
+    "@tiptap/extension-superscript": "^2.2.4",
+    "@tiptap/extension-table": "^2.2.4",
+    "@tiptap/extension-table-cell": "^2.2.4",
+    "@tiptap/extension-table-header": "^2.2.4",
+    "@tiptap/extension-table-row": "^2.2.4",
+    "@tiptap/extension-text": "^2.2.4",
+    "@tiptap/extension-text-align": "^2.2.4",
+    "@tiptap/extension-text-style": "^2.2.4",
+    "@tiptap/extension-underline": "^2.2.4",
+    "@tiptap/pm": "^2.2.4",
+    "@tiptap/react": "^2.2.4",
+    "@tiptap/suggestion": "^2.2.4",
+    "@wangeditor/editor": "^5.1.23",
+    "@ylzcc/remark-code": "^0.0.5",
+    "@ylzcc/xterm": "1.4.2",
+    "antd": "^5.15.0",
+    "axios": "^1.6.7",
+    "lowlight": "^3.1.0",
+    "micromark-util-types": "^2.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-pdf": "^7.7.1",
+    "remark-gfm": "3.0.1",
+    "remark-parse": "^10.0.1",
+    "remark-stringify": "^10.0.3",
+    "unified": "^10.1.2",
+    "uuid": "^9.0.1"
+  },
+  "devDependencies": {
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/node": "^20.11.24",
+    "@types/react": "^18.2.56",
+    "@types/react-dom": "^18.2.19",
+    "@types/uuid": "^9.0.8",
+    "@typescript-eslint/eslint-plugin": "^7.0.2",
+    "@typescript-eslint/parser": "^7.0.2",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.56.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "less": "^4.2.0",
+    "typescript": "^5.2.2",
+    "vite": "^5.1.4",
+    "vite-plugin-libcss": "^1.1.1"
+  }
+}