@ctzhian/tiptap 1.2.1 → 1.3.1

package/dist/Editor/demo.js

@@ -81,7 +81,7 @@ var Reader = function Reader() {
         }
         return onUpload;
       }(),
-      content: "<p>\u98DE\u673A\u554A\u6536\u5230\u5566\u653E\u5047\u5566\u5927\u6C34\u98DE\u673A\u963F\u62C9\u5C71\u53E3\u7684\u98DE\u673A\u963F\u91CC\u65AF\u987F\u6FC0\u53D1\u4E86\u5F00\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002</p><ul class=\"bullet-list\" data-type=\"bulletList\"><li><p>\u98DE\u673A\u963F\u91CC\u65AF\u987F\u6FC0\u53D1\u62C9\u4E0A\u770B\u89E3\u653E\u62C9\u5361\u4E0A\u98DE\u673A\u62C9\u4E0A\u98DE\u673A\u62C9\u5361\u4E0A\u6253\u98DE\u673A</p></li><li><p>\u53D1\u5723\u8BDE\u8282\u8DEF\u53E3\u53D1\u751F\u89E3\u653E\u4E86\u4E09\u5927\u89E3\u653E\u62C9\u5361\u4E0A\u6253\u98DE\u673A\u62C9\u5C4E</p></li><li><p>\u53D1\u5723\u8BDE\u8282\u8DEF\u53E3\u98DE\u673A\u554A\u6B7B\u4E86\u70B9\u5F00\u98DE\u673A\u963F\u91CC</p></li></ul><p>\u53D1\u5927\u6C34\u516D\u5757\u8179\u808C\u963F\u62C9\u5C71\u53E3\u98DE\u673A\u4E0A\u4E86\u5927\u5F00\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u98DE\u673A\u554A\u6570\u91CF\u98DE\u673A\u554A\u6B7B\u4E86</p><p>\u53D1\u5927\u6C34\u516D\u5757\u8179\u808C\u963F\u62C9\u5C71\u53E3\u98DE\u673A\u4E0A\u4E86\u5927\u5F00\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566</p><blockquote><p>\u53D1\u62C9\u5361\u4E0A\u5927\u89E3\u653E\u62C9\u5C4E\u7684\u98DE\u673A\uFF1B\u963F\u675C\u91CC\u65AF\u89E3\u653E\u770B\u62C9\u4E0A\u5047\u53D1\uFF1B\u5E08\u5085\u3002</p></blockquote><div class=\"cq-alert\" data-id=\"alert_5ahr0ijo1l9\" data-variant=\"info\" data-type=\"icon\" data-node=\"alert\">\u53D1\u751F\u6C5F\u4E1C\u7236\u8001\u770B\u89C1\u554A\u4E0A\uFF1B\u98DE\u673A\u554A\u4E0A\uFF1B\u53D1\u751F\uFF1B\u98DE\u673A\u554A\u4E0A\u6765\u7684\u7684\u98DE\u673A\u554A\u4E0A\u6D6A\u8D39\u3002\u673A\u554A\u4E0A\uFF1B\u53D1\u751F\uFF1B\u98DE\u673A\u554A\u4E0A\u6765\u7684\u98DE\u673A\u554A\u4E0A\u6765\u7684\u98DE\u673A\u554A\u4E0A\u6D6A\u8D39\u3002\u673A\u554A\u4E0A\uFF1B\u53D1\u751F\uFF1B\u98DE\u673A\u554A\u4E0A\u6765\u7684\u98DE\u673A\u554A\u4E0A\u6765\u7684\u98DE\u673A\u554A\u4E0A\u6D6A\u8D39\u3002</div><p>\u98DE\u673A\u554A\u6536\u5230\u5566\u653E\u5047\u5566\u5927\u6C34\u98DE\u673A\u963F\u62C9\u5C71\u53E3\u7684\u98DE\u673A\u963F\u91CC\u65AF\u987F\u6FC0\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002</p>"
+      content: "<iframe class=\"iframe-wrapper\" width=\"760\" height=\"400\" src=\"https://bbs.chaitin.cn/user/signin?ref=%2F\" frameborder=\"0\" allowfullscreen=\"true\"></iframe><p></p>"
     }),
     editor = _useTiptap.editor;
   return /*#__PURE__*/React.createElement(EditorThemeProvider, {

package/dist/EditorToolbar/index.js

@@ -6,7 +6,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Box, Divider, Stack } from '@mui/material';
 import React, { useEffect, useState } from 'react';
-import { ArrowGoBackLineIcon, ArrowGoForwardLineIcon, BoldIcon, DoubleQuotesLIcon, Information2LineIcon, ItalicIcon, LinkIcon, MenuFold2FillIcon, StrikethroughIcon, Table2Icon, UnderlineIcon } from "../component/Icons";
+import { ArrowGoBackLineIcon, ArrowGoForwardLineIcon, BoldIcon, DoubleQuotesLIcon, Information2LineIcon, ItalicIcon, LinkIcon, MenuFold2FillIcon, StrikethroughIcon, Table2Icon, UnderlineIcon, WindowFillIcon } from "../component/Icons";
 import { EditorAlignSelect, EditorCode, EditorFontBgColor, EditorFontColor, EditorFontSize, EditorHeading, EditorInsert, EditorListSelect, EditorMath, EditorMore, EditorScript, EditorVerticalAlignSelect, ToolbarItem } from "../component/Toolbar";
 var EditorToolbar = function EditorToolbar(_ref) {
   var editor = _ref.editor,
@@ -24,7 +24,8 @@ var EditorToolbar = function EditorToolbar(_ref) {
       details: false,
       table: false,
       link: false,
-      alert: false
+      alert: false,
+      iframe: false
     }),
     _useState2 = _slicedToArray(_useState, 2),
     active = _useState2[0],
@@ -43,7 +44,8 @@ var EditorToolbar = function EditorToolbar(_ref) {
       details: editor.isActive('details'),
       table: editor.isActive('table'),
       link: editor.isActive('link'),
-      alert: editor.isActive('alert')
+      alert: editor.isActive('alert'),
+      iframe: editor.isActive('iframe')
     });
   };
   useEffect(function () {
@@ -285,6 +287,21 @@ var EditorToolbar = function EditorToolbar(_ref) {
       });
     },
     className: active.table ? 'tool-active' : ''
+  }), /*#__PURE__*/React.createElement(ToolbarItem, {
+    tip: 'iframe',
+    icon: /*#__PURE__*/React.createElement(WindowFillIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    onClick: function onClick() {
+      return editor.commands.setIframe({
+        src: '',
+        width: 760,
+        height: 400
+      });
+    },
+    className: active.iframe ? 'tool-active' : ''
   }), /*#__PURE__*/React.createElement(Divider, {
     orientation: "vertical",
     flexItem: true,

package/dist/component/CustomBubbleMenu/SelectionText.js

@@ -15,11 +15,7 @@ var SelectionText = function SelectionText(_ref) {
   var theme = useTheme();
   var THEME_TEXT_COLOR = [theme.palette.primary.main, theme.palette.success.main, theme.palette.warning.main, theme.palette.error.main, '#D8A47F', '#73B5F0', '#CDDFA0', theme.palette.text.primary, theme.palette.text.secondary, theme.palette.text.disabled, theme.palette.common.white];
   var THEME_TEXT_BG_COLOR = ['#e7bdff', '#FFE0B2', '#F8BBD0', '#FFCDD2', '#FFECB3', '#FFCCBC', '#B3E5FC', '#C8E6C9', '#B2EBF2', '#BBDEFB', '#DCEDC8'];
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hideColor = _useState2[0],
-    setHideColor = _useState2[1];
-  var _useState3 = useState({
+  var _useState = useState({
       quote: false,
       bold: false,
       italic: false,
@@ -29,11 +25,9 @@ var SelectionText = function SelectionText(_ref) {
       superscript: false,
       subscript: false
     }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    active = _useState4[0],
-    setActive = _useState4[1];
-  // const [showColorPicker, setShowColorPicker] = useState(false)
-
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
   var updateSelection = function updateSelection() {
     setActive({
       quote: editor.isActive('blockquote'),
@@ -45,7 +39,6 @@ var SelectionText = function SelectionText(_ref) {
       superscript: editor.isActive('superscript'),
       subscript: editor.isActive('subscript')
     });
-    setHideColor(editor.isActive('codeBlock') || editor.isActive('horizontalRule') || editor.isActive('inlineMath') || editor.isActive('blockMath'));
   };
   useEffect(function () {
     editor.on('selectionUpdate', updateSelection);
@@ -55,7 +48,7 @@ var SelectionText = function SelectionText(_ref) {
       editor.off('transaction', updateSelection);
     };
   }, [editor]);
-  if (!editor.isEditable || hideColor) {
+  if (!editor.isEditable) {
     return null;
   }
   return /*#__PURE__*/React.createElement(BubbleMenu, {
@@ -69,7 +62,7 @@ var SelectionText = function SelectionText(_ref) {
       var editorProps = _ref2.editor,
         from = _ref2.from,
         to = _ref2.to;
-      if (editorProps.state.selection.empty || editorProps.isActive('image') || editorProps.isActive('video') || editorProps.isActive('audio') || editorProps.isActive('emoji') || editorProps.isActive('codeBlock') || editorProps.isActive('blockLink') || editorProps.isActive('inlineLink') || editorProps.isActive('blockAttachment') || editorProps.isActive('inlineAttachment') || editorProps.isActive('horizontalRule')) {
+      if (editorProps.state.selection.empty || editorProps.isActive('image') || editorProps.isActive('video') || editorProps.isActive('audio') || editorProps.isActive('emoji') || editorProps.isActive('codeBlock') || editorProps.isActive('blockMath') || editorProps.isActive('inlineMath') || editorProps.isActive('blockLink') || editorProps.isActive('inlineLink') || editorProps.isActive('blockAttachment') || editorProps.isActive('inlineAttachment') || editorProps.isActive('horizontalRule') || editorProps.isActive('iframe')) {
         return false;
       }
       return true;

package/dist/component/Icons/index.d.ts

@@ -114,3 +114,4 @@ export { UploadCloud2LineIcon } from './upload-cloud-2-line-icon';
 export { UploadIcon } from './upload-icon';
 export { VolumeMuteLineIcon } from './volume-mute-line-icon';
 export { VolumeUpLineIcon } from './volume-up-line-icon';
+export { WindowFillIcon } from './window-fill-icon';

package/dist/component/Icons/index.js

@@ -116,4 +116,5 @@ export { UnderlineIcon } from "./underline-icon";
 export { UploadCloud2LineIcon } from "./upload-cloud-2-line-icon";
 export { UploadIcon } from "./upload-icon";
 export { VolumeMuteLineIcon } from "./volume-mute-line-icon";
-export { VolumeUpLineIcon } from "./volume-up-line-icon";
+export { VolumeUpLineIcon } from "./volume-up-line-icon";
+export { WindowFillIcon } from "./window-fill-icon";

package/dist/component/Icons/window-fill-icon.d.ts

@@ -0,0 +1,6 @@
+import { SvgIconProps } from "@mui/material";
+import * as React from "react";
+export declare const WindowFillIcon: {
+    (props: SvgIconProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/component/Icons/window-fill-icon.js

@@ -0,0 +1,13 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { SvgIcon } from "@mui/material";
+import * as React from "react";
+export var WindowFillIcon = function WindowFillIcon(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
+    viewBox: "0 0 24 24",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM20 10H4V19H20V10ZM5 6V8H7V6H5ZM9 6V8H11V6H9Z"
+  }));
+};
+WindowFillIcon.displayName = 'icon-window-fill';

package/dist/contants/enums.d.ts

@@ -16,6 +16,7 @@ export declare enum NodeTypeEnum {
     Video = "video",
     Audio = "audio",
     Link = "link",
+    Iframe = "iframe",
     Code = "code",
     InlineMath = "inlineMath",
     BlockMath = "blockMath"

package/dist/contants/enums.js

@@ -21,6 +21,7 @@ export var NodeTypeEnum = /*#__PURE__*/function (NodeTypeEnum) {
   NodeTypeEnum["Video"] = "video";
   NodeTypeEnum["Audio"] = "audio";
   NodeTypeEnum["Link"] = "link";
+  NodeTypeEnum["Iframe"] = "iframe";
   NodeTypeEnum["Code"] = "code";
   NodeTypeEnum["InlineMath"] = "inlineMath";
   NodeTypeEnum["BlockMath"] = "blockMath";
@@ -96,10 +97,12 @@ export var NODE_TYPE_LABEL = (_NODE_TYPE_LABEL = {}, _defineProperty(_defineProp
   label: '链接'
 }), NodeTypeEnum.Image, {
   label: '图片'
+}), NodeTypeEnum.Iframe, {
+  label: 'iframe'
 }), NodeTypeEnum.InlineMath, {
   label: '行内公式'
 }), NodeTypeEnum.InlineAttachment, {
   label: '附件'
-}), NodeTypeEnum.HorizontalRule, {
+}), _defineProperty(_NODE_TYPE_LABEL, NodeTypeEnum.HorizontalRule, {
   label: '分割线'
 }));

package/dist/contants/slash-commands.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AttachmentLineIcon, CodeBoxLineIcon, CodeLineIcon, DoubleQuotesLIcon, FunctionsIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, H6Icon, ImageLineIcon, Information2LineIcon, LinkIcon, ListCheck2Icon, ListOrdered2Icon, ListUnorderedIcon, MenuFold2FillIcon, MovieLineIcon, Music2LineIcon, SeparatorIcon, SquareRootIcon, Table2Icon, TextWrapIcon } from "../component/Icons";
+import { AttachmentLineIcon, CodeBoxLineIcon, CodeLineIcon, DoubleQuotesLIcon, FunctionsIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, H6Icon, ImageLineIcon, Information2LineIcon, LinkIcon, ListCheck2Icon, ListOrdered2Icon, ListUnorderedIcon, MenuFold2FillIcon, MovieLineIcon, Music2LineIcon, SeparatorIcon, SquareRootIcon, Table2Icon, TextWrapIcon, WindowFillIcon } from "../component/Icons";
 export var slashCommands = [{
   title: '一级标题',
   icon: /*#__PURE__*/React.createElement(H1Icon, {
@@ -223,36 +223,40 @@ export var slashCommands = [{
     }).run();
   }
 }, {
-  title: '警告提示',
-  icon: /*#__PURE__*/React.createElement(Information2LineIcon, {
+  title: 'iframe',
+  icon: /*#__PURE__*/React.createElement(WindowFillIcon, {
     sx: {
       fontSize: '1rem'
     }
   }),
   command: function command(_ref18) {
     var editor = _ref18.editor,
-      range = _ref18.range,
-      attrs = _ref18.attrs;
-    editor.chain().focus().deleteRange(range).toggleAlert({
-      type: (attrs === null || attrs === void 0 ? void 0 : attrs.type) || 'icon',
-      variant: (attrs === null || attrs === void 0 ? void 0 : attrs.variant) || 'info'
+      range = _ref18.range;
+    editor.chain().focus().deleteRange(range).setIframe({
+      src: '',
+      width: 760,
+      height: 400
     }).run();
   }
 }, {
-  title: '折叠块',
-  icon: /*#__PURE__*/React.createElement(MenuFold2FillIcon, {
+  title: '警告提示',
+  icon: /*#__PURE__*/React.createElement(Information2LineIcon, {
     sx: {
       fontSize: '1rem'
     }
   }),
   command: function command(_ref19) {
     var editor = _ref19.editor,
-      range = _ref19.range;
-    editor.chain().focus().deleteRange(range).setDetails().run();
+      range = _ref19.range,
+      attrs = _ref19.attrs;
+    editor.chain().focus().deleteRange(range).toggleAlert({
+      type: (attrs === null || attrs === void 0 ? void 0 : attrs.type) || 'icon',
+      variant: (attrs === null || attrs === void 0 ? void 0 : attrs.variant) || 'info'
+    }).run();
   }
 }, {
-  title: '代码块',
-  icon: /*#__PURE__*/React.createElement(CodeBoxLineIcon, {
+  title: '折叠块',
+  icon: /*#__PURE__*/React.createElement(MenuFold2FillIcon, {
     sx: {
       fontSize: '1rem'
     }
@@ -260,11 +264,11 @@ export var slashCommands = [{
   command: function command(_ref20) {
     var editor = _ref20.editor,
       range = _ref20.range;
-    editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
+    editor.chain().focus().deleteRange(range).setDetails().run();
   }
 }, {
-  title: '行内数学公式',
-  icon: /*#__PURE__*/React.createElement(SquareRootIcon, {
+  title: '代码块',
+  icon: /*#__PURE__*/React.createElement(CodeBoxLineIcon, {
     sx: {
       fontSize: '1rem'
     }
@@ -272,13 +276,11 @@ export var slashCommands = [{
   command: function command(_ref21) {
     var editor = _ref21.editor,
       range = _ref21.range;
-    editor.chain().focus().deleteRange(range).setInlineMath({
-      latex: ''
-    }).run();
+    editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
   }
 }, {
-  title: '块级数学公式',
-  icon: /*#__PURE__*/React.createElement(FunctionsIcon, {
+  title: '行内数学公式',
+  icon: /*#__PURE__*/React.createElement(SquareRootIcon, {
     sx: {
       fontSize: '1rem'
     }
@@ -286,13 +288,13 @@ export var slashCommands = [{
   command: function command(_ref22) {
     var editor = _ref22.editor,
       range = _ref22.range;
-    editor.chain().focus().deleteRange(range).setBlockMath({
+    editor.chain().focus().deleteRange(range).setInlineMath({
       latex: ''
     }).run();
   }
 }, {
-  title: '表格',
-  icon: /*#__PURE__*/React.createElement(Table2Icon, {
+  title: '块级数学公式',
+  icon: /*#__PURE__*/React.createElement(FunctionsIcon, {
     sx: {
       fontSize: '1rem'
     }
@@ -300,10 +302,8 @@ export var slashCommands = [{
   command: function command(_ref23) {
     var editor = _ref23.editor,
       range = _ref23.range;
-    editor.chain().focus().deleteRange(range).insertTable({
-      rows: 3,
-      cols: 4,
-      withHeaderRow: true
+    editor.chain().focus().deleteRange(range).setBlockMath({
+      latex: ''
     }).run();
   }
 }, {

package/dist/extension/component/Iframe/Insert.d.ts

@@ -0,0 +1,14 @@
+import { EditorFnProps } from "../../../type";
+import React from "react";
+export type IframeAttributes = {
+    src: string;
+    width: number;
+    height: number;
+};
+type InsertIframeProps = {
+    selected: boolean;
+    attrs: IframeAttributes;
+    updateAttributes: (attrs: IframeAttributes) => void;
+} & EditorFnProps;
+declare const InsertIframe: ({ selected, attrs, updateAttributes }: InsertIframeProps) => React.JSX.Element;
+export default InsertIframe;

package/dist/extension/component/Iframe/Insert.js

@@ -0,0 +1,112 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { FloatingPopover } from "../../../component/FloatingPopover";
+import { WindowFillIcon } from "../../../component/Icons";
+import { Box, Button, Stack, TextField } from "@mui/material";
+import { NodeViewWrapper } from "@tiptap/react";
+import React, { useState } from "react";
+var InsertIframe = function InsertIframe(_ref) {
+  var selected = _ref.selected,
+    attrs = _ref.attrs,
+    updateAttributes = _ref.updateAttributes;
+  var _useState = useState(attrs.src || ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    editUrl = _useState2[0],
+    setEditUrl = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    anchorEl = _useState4[0],
+    setAnchorEl = _useState4[1];
+  var handleShowPopover = function handleShowPopover(event) {
+    return setAnchorEl(event.currentTarget);
+  };
+  var handleClosePopover = function handleClosePopover() {
+    return setAnchorEl(null);
+  };
+  var handleInsert = function handleInsert() {
+    if (!editUrl.trim()) return;
+    updateAttributes({
+      src: editUrl.trim(),
+      width: attrs.width,
+      height: attrs.height
+    });
+    handleClosePopover();
+  };
+  return /*#__PURE__*/React.createElement(NodeViewWrapper, {
+    className: "iframe-wrapper",
+    "data-drag-handle": true
+  }, /*#__PURE__*/React.createElement(Stack, {
+    direction: 'row',
+    alignItems: 'center',
+    gap: 2,
+    onClick: handleShowPopover,
+    sx: {
+      border: '1px dashed',
+      borderColor: 'divider',
+      borderRadius: 'var(--mui-shape-borderRadius)',
+      px: 2,
+      py: 1.5,
+      minWidth: 200,
+      textAlign: 'center',
+      color: 'text.secondary',
+      bgcolor: 'action.default',
+      position: 'relative',
+      overflow: 'hidden',
+      cursor: 'pointer',
+      '&:hover': {
+        bgcolor: 'action.hover'
+      },
+      '&:active': {
+        bgcolor: 'action.selected'
+      }
+    }
+  }, /*#__PURE__*/React.createElement(WindowFillIcon, {
+    sx: {
+      fontSize: '1rem',
+      position: 'relative',
+      flexShrink: 0
+    }
+  }), /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      fontSize: '0.875rem',
+      position: 'relative',
+      flexGrow: 1,
+      textAlign: 'left'
+    }
+  }, "\u70B9\u51FB\u6B64\u5904\u5D4C\u5165 iframe")), /*#__PURE__*/React.createElement(FloatingPopover, {
+    open: Boolean(anchorEl),
+    anchorEl: anchorEl,
+    onClose: handleClosePopover,
+    placement: "bottom"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    gap: 2,
+    sx: {
+      p: 2,
+      width: 350
+    }
+  }, /*#__PURE__*/React.createElement(TextField, {
+    fullWidth: true,
+    size: "small",
+    value: editUrl,
+    onChange: function onChange(e) {
+      return setEditUrl(e.target.value);
+    },
+    placeholder: "\u8F93\u5165\u8981\u5D4C\u5165\u7684 URL"
+  }), /*#__PURE__*/React.createElement(Stack, {
+    direction: 'row',
+    gap: 1
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "outlined",
+    fullWidth: true,
+    onClick: handleClosePopover
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    variant: "contained",
+    fullWidth: true,
+    onClick: handleInsert
+  }, "\u5D4C\u5165")))));
+};
+export default InsertIframe;

package/dist/extension/component/Iframe/Readonly.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type IframeAttributes = {
+    src: string;
+    width: number;
+    height: number;
+};
+declare const ReadonlyIframe: ({ attrs }: {
+    attrs: IframeAttributes;
+}) => React.JSX.Element;
+export default ReadonlyIframe;

package/dist/extension/component/Iframe/Readonly.js

@@ -0,0 +1,14 @@
+import React from 'react';
+var ReadonlyIframe = function ReadonlyIframe(_ref) {
+  var attrs = _ref.attrs;
+  return /*#__PURE__*/React.createElement("iframe", {
+    src: attrs.src,
+    width: attrs.width,
+    height: attrs.height,
+    style: {
+      display: 'block',
+      border: 0
+    }
+  });
+};
+export default ReadonlyIframe;

package/dist/extension/component/Iframe/index.d.ts

@@ -0,0 +1,5 @@
+import { EditorFnProps } from "../../../type";
+import { NodeViewProps } from '@tiptap/react';
+import React from "react";
+declare const IframeViewWrapper: React.FC<NodeViewProps & EditorFnProps>;
+export default IframeViewWrapper;

package/dist/extension/component/Iframe/index.js

@@ -0,0 +1,290 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { FloatingPopover } from "../../../component/FloatingPopover";
+import { DeleteLineIcon, EditBoxLineIcon } from "../../../component/Icons";
+import { Box, Button, IconButton, Stack, TextField, Tooltip } from "@mui/material";
+import { NodeViewWrapper } from '@tiptap/react';
+import React, { useEffect, useState } from "react";
+import InsertIframe from "./Insert";
+import ReadonlyIframe from "./Readonly";
+var IframeViewWrapper = function IframeViewWrapper(_ref) {
+  var editor = _ref.editor,
+    node = _ref.node,
+    updateAttributes = _ref.updateAttributes,
+    deleteNode = _ref.deleteNode,
+    selected = _ref.selected;
+  var attrs = node.attrs;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isHovering = _useState2[0],
+    setIsHovering = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isDraggingWidth = _useState4[0],
+    setIsDraggingWidth = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isDraggingHeight = _useState6[0],
+    setIsDraggingHeight = _useState6[1];
+  var _useState7 = useState(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    dragStartX = _useState8[0],
+    setDragStartX = _useState8[1];
+  var _useState9 = useState(0),
+    _useState10 = _slicedToArray(_useState9, 2),
+    dragStartY = _useState10[0],
+    setDragStartY = _useState10[1];
+  var _useState11 = useState(0),
+    _useState12 = _slicedToArray(_useState11, 2),
+    dragStartWidth = _useState12[0],
+    setDragStartWidth = _useState12[1];
+  var _useState13 = useState(0),
+    _useState14 = _slicedToArray(_useState13, 2),
+    dragStartHeight = _useState14[0],
+    setDragStartHeight = _useState14[1];
+  var _useState15 = useState(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    anchorEl = _useState16[0],
+    setAnchorEl = _useState16[1];
+  var _useState17 = useState(attrs.src),
+    _useState18 = _slicedToArray(_useState17, 2),
+    editSrc = _useState18[0],
+    setEditSrc = _useState18[1];
+  var handleShowPopover = function handleShowPopover(event) {
+    return setAnchorEl(event.currentTarget);
+  };
+  var handleClosePopover = function handleClosePopover() {
+    return setAnchorEl(null);
+  };
+  var handleSave = function handleSave() {
+    if (editSrc.trim()) {
+      updateAttributes({
+        src: editSrc.trim(),
+        width: attrs.width,
+        height: attrs.height
+      });
+    }
+    handleClosePopover();
+  };
+  var handleMouseDownWidth = function handleMouseDownWidth(e) {
+    e.preventDefault();
+    setIsDraggingWidth(true);
+    setDragStartX(e.clientX);
+    setDragStartWidth(attrs.width);
+  };
+  var handleMouseDownHeight = function handleMouseDownHeight(e) {
+    e.preventDefault();
+    setIsDraggingHeight(true);
+    setDragStartY(e.clientY);
+    setDragStartHeight(attrs.height);
+  };
+  var handleMouseMove = function handleMouseMove(e) {
+    if (isDraggingWidth) {
+      var deltaX = e.clientX - dragStartX;
+      var newWidth = Math.max(200, Math.min(1920, dragStartWidth + deltaX));
+      updateAttributes({
+        width: newWidth,
+        height: attrs.height,
+        src: attrs.src
+      });
+    }
+    if (isDraggingHeight) {
+      var deltaY = e.clientY - dragStartY;
+      var newHeight = Math.max(100, Math.min(2000, dragStartHeight + deltaY));
+      updateAttributes({
+        width: attrs.width,
+        height: newHeight,
+        src: attrs.src
+      });
+    }
+  };
+  var handleMouseUp = function handleMouseUp() {
+    setIsDraggingWidth(false);
+    setIsDraggingHeight(false);
+  };
+  useEffect(function () {
+    if (isDraggingWidth || isDraggingHeight) {
+      document.addEventListener('mousemove', handleMouseMove);
+      document.addEventListener('mouseup', handleMouseUp);
+      return function () {
+        document.removeEventListener('mousemove', handleMouseMove);
+        document.removeEventListener('mouseup', handleMouseUp);
+      };
+    }
+  }, [isDraggingWidth, isDraggingHeight]);
+  if (!attrs.src && !editor.isEditable) return null;
+  if (!editor.isEditable) {
+    return /*#__PURE__*/React.createElement(ReadonlyIframe, {
+      attrs: attrs
+    });
+  }
+  if (!attrs.src) {
+    return /*#__PURE__*/React.createElement(InsertIframe, {
+      selected: selected,
+      attrs: attrs,
+      updateAttributes: updateAttributes
+    });
+  }
+  return /*#__PURE__*/React.createElement(NodeViewWrapper, {
+    className: "iframe-wrapper ".concat(selected ? 'ProseMirror-selectednode' : ''),
+    "data-drag-handle": true
+  }, /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      position: 'relative',
+      display: 'inline-block',
+      border: '1px solid',
+      borderColor: 'divider',
+      borderRadius: 'var(--mui-shape-borderRadius)',
+      p: '0.25rem',
+      bgcolor: 'background.paper',
+      '&:hover .iframe-controls': {
+        opacity: 1
+      }
+    },
+    onMouseEnter: function onMouseEnter() {
+      return setIsHovering(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsHovering(false);
+    }
+  }, (isDraggingWidth || isDraggingHeight) && /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      position: 'absolute',
+      inset: 0,
+      zIndex: 8,
+      cursor: isDraggingWidth ? 'ew-resize' : 'ns-resize',
+      backgroundColor: 'transparent'
+    }
+  }), /*#__PURE__*/React.createElement("iframe", {
+    src: attrs.src,
+    width: attrs.width,
+    height: attrs.height,
+    style: {
+      display: 'block',
+      border: 0,
+      maxWidth: '100%',
+      pointerEvents: isDraggingWidth || isDraggingHeight ? 'none' : 'auto'
+    }
+  }), (isHovering || isDraggingWidth) && /*#__PURE__*/React.createElement(Box, {
+    onMouseDown: handleMouseDownWidth,
+    sx: {
+      position: 'absolute',
+      right: -2,
+      top: '50%',
+      transform: 'translateY(-50%)',
+      width: 4,
+      height: 50,
+      bgcolor: isDraggingWidth ? 'primary.main' : 'text.primary',
+      cursor: 'ew-resize',
+      borderRadius: 2,
+      '&:hover': {
+        bgcolor: 'primary.main'
+      },
+      transition: 'background-color 0.2s ease',
+      zIndex: 10
+    }
+  }), (isHovering || isDraggingHeight) && /*#__PURE__*/React.createElement(Box, {
+    onMouseDown: handleMouseDownHeight,
+    sx: {
+      position: 'absolute',
+      left: '50%',
+      bottom: -2,
+      transform: 'translateX(-50%)',
+      height: 4,
+      width: 60,
+      bgcolor: isDraggingHeight ? 'primary.main' : 'text.primary',
+      cursor: 'ns-resize',
+      borderRadius: 2,
+      '&:hover': {
+        bgcolor: 'primary.main'
+      },
+      transition: 'background-color 0.2s ease',
+      zIndex: 10
+    }
+  }), (isHovering || !!anchorEl) && /*#__PURE__*/React.createElement(Box, {
+    className: "iframe-controls",
+    sx: {
+      position: 'absolute',
+      top: '0.5rem',
+      right: '0.5rem',
+      display: 'flex',
+      gap: '0.25rem'
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    arrow: true,
+    title: "\u66F4\u6362\u94FE\u63A5"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    size: "small",
+    onClick: handleShowPopover,
+    sx: {
+      color: 'text.primary',
+      bgcolor: 'background.paper'
+    }
+  }, /*#__PURE__*/React.createElement(EditBoxLineIcon, {
+    sx: {
+      fontSize: 18
+    }
+  }))), /*#__PURE__*/React.createElement(Tooltip, {
+    arrow: true,
+    title: "\u5220\u9664"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    size: "small",
+    onClick: deleteNode,
+    sx: {
+      color: 'text.primary',
+      bgcolor: 'background.paper'
+    }
+  }, /*#__PURE__*/React.createElement(DeleteLineIcon, {
+    sx: {
+      fontSize: 18
+    }
+  }))))), /*#__PURE__*/React.createElement(FloatingPopover, {
+    open: Boolean(anchorEl),
+    anchorEl: anchorEl,
+    onClose: handleClosePopover,
+    placement: "bottom"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    sx: {
+      p: 2,
+      width: 350
+    }
+  }, /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      fontSize: '0.875rem',
+      color: 'text.secondary',
+      lineHeight: '1.5',
+      mb: 1
+    }
+  }, "\u94FE\u63A5\u5730\u5740"), /*#__PURE__*/React.createElement(TextField, {
+    fullWidth: true,
+    size: "small",
+    value: editSrc,
+    onChange: function onChange(e) {
+      return setEditSrc(e.target.value);
+    },
+    placeholder: "\u8F93\u5165\u8981\u5D4C\u5165\u7684 URL"
+  }), /*#__PURE__*/React.createElement(Stack, {
+    direction: 'row',
+    gap: 1,
+    alignItems: 'center',
+    sx: {
+      mt: 2
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "outlined",
+    size: "small",
+    fullWidth: true,
+    onClick: handleClosePopover
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    variant: "contained",
+    size: "small",
+    fullWidth: true,
+    onClick: handleSave,
+    disabled: !editSrc.trim()
+  }, "\u4FDD\u5B58")))));
+};
+export default IframeViewWrapper;

package/dist/extension/component/SlashCommandsList/index.js

@@ -18,8 +18,6 @@ var SlashCommandsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(Paper, {
     elevation: 8,
     sx: {
-      // maxHeight: '300px',
-      // overflow: 'auto',
       borderRadius: 'var(--mui-shape-borderRadius)',
       width: '224px',
       p: 0.5
@@ -27,7 +25,7 @@ var SlashCommandsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement(Stack, {
     direction: 'row',
     flexWrap: 'wrap'
-  }, items.slice(0, 17).map(function (item, index) {
+  }, items.slice(0, 18).map(function (item, index) {
     return /*#__PURE__*/React.createElement(ToolbarItem, {
       key: index,
       onClick: function onClick() {

package/dist/extension/index.js

@@ -15,7 +15,7 @@ import StarterKit from '@tiptap/starter-kit';
 import { PLACEHOLDER } from "../contants/placeholder";
 import { SlashCommands, StructuredDiffExtension } from "./extension";
 import { CodeExtension } from "./mark/Code";
-import { AlertExtension, AudioExtension, BlockAttachmentExtension, BlockLinkExtension, CodeBlockLowlightExtension, CustomBlockMathExtension, CustomInlineMathExtension, DetailsContentExtension, DetailsExtension, DetailsSummaryExtension, EmojiExtension, FileHandlerExtension, ImageExtension, InlineAttachmentExtension, InlineLinkExtension, ListExtension, MentionExtension, TableExtension, TableOfContents, UploadProgressExtension, VerticalAlign, VideoExtension, YoutubeExtension } from "./node";
+import { AlertExtension, AudioExtension, BlockAttachmentExtension, BlockLinkExtension, CodeBlockLowlightExtension, CustomBlockMathExtension, CustomInlineMathExtension, DetailsContentExtension, DetailsExtension, DetailsSummaryExtension, EmojiExtension, FileHandlerExtension, IframeExtension, ImageExtension, InlineAttachmentExtension, InlineLinkExtension, ListExtension, MentionExtension, TableExtension, TableOfContents, UploadProgressExtension, VerticalAlign, VideoExtension, YoutubeExtension } from "./node";
 export var getExtensions = function getExtensions(_ref) {
   var limit = _ref.limit,
     exclude = _ref.exclude,
@@ -76,6 +76,8 @@ export var getExtensions = function getExtensions(_ref) {
     onError: onError
   }), CustomBlockMathExtension({
     onError: onError
+  }), IframeExtension({
+    onError: onError
   }), VideoExtension({
     onUpload: onUpload,
     onError: onError

package/dist/extension/node/Iframe.d.ts

@@ -0,0 +1,16 @@
+import { EditorFnProps } from "../../type";
+import { Node } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        iframe: {
+            setIframe: (options: {
+                src: string;
+                width?: number;
+                height?: number;
+            }) => ReturnType;
+        };
+    }
+}
+export type IframeExtensionProps = EditorFnProps;
+export declare const IframeExtension: (props: IframeExtensionProps) => Node<any, any>;
+export default IframeExtension;

package/dist/extension/node/Iframe.js

@@ -0,0 +1,118 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["src"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { mergeAttributes, Node } from '@tiptap/core';
+import { ReactNodeViewRenderer } from '@tiptap/react';
+import IframeViewWrapper from "../component/Iframe";
+export var IframeExtension = function IframeExtension(props) {
+  return Node.create({
+    name: 'iframe',
+    group: 'block',
+    atom: true,
+    selectable: true,
+    draggable: true,
+    addAttributes: function addAttributes() {
+      return {
+        class: {
+          default: 'iframe-wrapper'
+        },
+        src: {
+          default: null,
+          parseHTML: function parseHTML(element) {
+            return element.getAttribute('src');
+          },
+          renderHTML: function renderHTML(attributes) {
+            if (!attributes.src) return {};
+            return {
+              src: attributes.src
+            };
+          }
+        },
+        width: {
+          default: 760,
+          parseHTML: function parseHTML(element) {
+            var width = element.getAttribute('width');
+            return width ? parseInt(width, 10) : 760;
+          },
+          renderHTML: function renderHTML(attributes) {
+            return {
+              width: attributes.width
+            };
+          }
+        },
+        height: {
+          default: 400,
+          parseHTML: function parseHTML(element) {
+            var height = element.getAttribute('height');
+            return height ? parseInt(height, 10) : 400;
+          },
+          renderHTML: function renderHTML(attributes) {
+            return {
+              height: attributes.height
+            };
+          }
+        }
+      };
+    },
+    parseHTML: function parseHTML() {
+      return [{
+        tag: 'iframe',
+        getAttrs: function getAttrs(dom) {
+          if (!(dom instanceof HTMLElement)) return false;
+          var src = dom.getAttribute('src');
+          if (!src) return false;
+          var width = dom.getAttribute('width') ? parseInt(dom.getAttribute('width'), 10) : dom.style.width ? parseInt(dom.style.width, 10) : 760;
+          var height = dom.getAttribute('height') ? parseInt(dom.getAttribute('height'), 10) : dom.style.height ? parseInt(dom.style.height, 10) : 400;
+          return {
+            src: src,
+            width: width,
+            height: height
+          };
+        }
+      }];
+    },
+    renderHTML: function renderHTML(_ref) {
+      var HTMLAttributes = _ref.HTMLAttributes;
+      var _ref2 = HTMLAttributes,
+        src = _ref2.src,
+        rest = _objectWithoutProperties(_ref2, _excluded);
+      return ['iframe', mergeAttributes(this.options.HTMLAttributes, _objectSpread(_objectSpread({}, rest), {}, {
+        src: src,
+        frameborder: '0',
+        allowfullscreen: 'true'
+      }))];
+    },
+    addCommands: function addCommands() {
+      var _this = this;
+      return {
+        setIframe: function setIframe(options) {
+          return function (_ref3) {
+            var commands = _ref3.commands;
+            return commands.insertContent({
+              type: _this.name,
+              attrs: {
+                src: options.src,
+                width: options.width || 760,
+                height: options.height || 400
+              }
+            });
+          };
+        }
+      };
+    },
+    addNodeView: function addNodeView() {
+      return ReactNodeViewRenderer(function (renderProps) {
+        return IframeViewWrapper(_objectSpread(_objectSpread({}, renderProps), {}, {
+          onError: props.onError
+        }));
+      });
+    }
+  });
+};
+export default IframeExtension;

package/dist/extension/node/index.d.ts

@@ -5,6 +5,7 @@ export * from './CodeBlockLowlight';
 export * from './Details';
 export * from './Emoji';
 export * from './FileHandler';
+export * from './Iframe';
 export * from './Image';
 export * from './Link';
 export * from './ListKit';

package/dist/extension/node/index.js

@@ -5,6 +5,7 @@ export * from "./CodeBlockLowlight";
 export * from "./Details";
 export * from "./Emoji";
 export * from "./FileHandler";
+export * from "./Iframe";
 export * from "./Image";
 export * from "./Link";
 export * from "./ListKit";

package/dist/extension/suggestion/slash.js

@@ -16,7 +16,6 @@ export var slashSuggestion = function slashSuggestion() {
       var editor = _ref2.editor,
         range = _ref2.range,
         props = _ref2.props;
-      console.log(props);
       props.command({
         editor: editor,
         range: range,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzhian/tiptap",
-  "version": "1.2.1",
+  "version": "1.3.1",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",