@ctzhian/tiptap 1.8.2 → 1.9.1

package/dist/Editor/demo.js

@@ -7,35 +7,91 @@ import { Box, Button } from '@mui/material';
 import React from 'react';
 import "../index.css";
 var Reader = function Reader() {
+  var isMarkdown = false;
   var _useTiptap = useTiptap({
       editable: true,
-      contentType: 'markdown',
+      contentType: isMarkdown ? 'markdown' : 'html',
       exclude: ['invisibleCharacters'],
+      onError: function onError(error) {
+        console.error('Editor Error:', error);
+        alert(error.message);
+      },
+      onValidateUrl: function () {
+        var _onValidateUrl = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(url, type) {
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                console.log("\u9A8C\u8BC1 ".concat(type, " \u94FE\u63A5:"), url);
+
+                // 拦截 base64 链接
+                if (!url.startsWith('data:')) {
+                  _context.next = 3;
+                  break;
+                }
+                throw new Error("\u4E0D\u652F\u6301 base64 \u94FE\u63A5\uFF0C\u8BF7\u4F7F\u7528\u53EF\u8BBF\u95EE\u7684 ".concat(type, " URL"));
+              case 3:
+                _context.t0 = type;
+                _context.next = _context.t0 === 'image' ? 6 : _context.t0 === 'video' ? 8 : _context.t0 === 'audio' ? 10 : _context.t0 === 'iframe' ? 12 : 14;
+                break;
+              case 6:
+                if (!url.match(/\.(jpg|jpeg|png|gif|webp|svg)(\?.*)?$/i)) {
+                  console.warn('图片链接可能不是有效的图片格式');
+                }
+                return _context.abrupt("break", 14);
+              case 8:
+                if (!url.match(/\.(mp4|webm|ogg|mov|avi|wmv|flv|mkv)(\?.*)?$/i)) {
+                  console.warn('视频链接可能不是有效的视频格式');
+                }
+                return _context.abrupt("break", 14);
+              case 10:
+                if (!url.match(/\.(mp3|wav|ogg|m4a|flac|aac|wma)(\?.*)?$/i)) {
+                  console.warn('音频链接可能不是有效的音频格式');
+                }
+                return _context.abrupt("break", 14);
+              case 12:
+                // iframe 可以嵌入任何 URL，但可以检查是否是 HTTPS
+                if (url.startsWith('http://') && !url.includes('localhost')) {
+                  console.warn('建议使用 HTTPS 链接以确保安全性');
+                }
+                return _context.abrupt("break", 14);
+              case 14:
+                return _context.abrupt("return", url);
+              case 15:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function onValidateUrl(_x, _x2) {
+          return _onValidateUrl.apply(this, arguments);
+        }
+        return onValidateUrl;
+      }(),
       onSave: function onSave(editor) {
-        console.log('============= markdown =============');
-        console.log(editor.getMarkdown());
-        console.log('============= html =============');
-        console.log(editor.getHTML());
-        editor.commands.setContent(editor.getHTML());
+        var value = isMarkdown ? editor.getMarkdown() : editor.getHTML();
+        console.log(value);
+        editor.chain().focus().setContent(value, {
+          contentType: isMarkdown ? 'markdown' : 'html'
+        }).run();
       },
       onAiWritingGetSuggestion: function () {
-        var _onAiWritingGetSuggestion = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+        var _onAiWritingGetSuggestion = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref) {
           var prefix, suffix;
-          return _regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
               case 0:
                 prefix = _ref.prefix, suffix = _ref.suffix;
                 console.log('onAiWritingGetSuggestion', prefix, suffix);
-                return _context.abrupt("return", new Promise(function (resolve) {
+                return _context2.abrupt("return", new Promise(function (resolve) {
                   resolve(['this is a default suggestion.', 'we are good.', 'what is your name?', 'how are you?', 'what is your favorite color?', 'what is your favorite food?', 'what is your favorite animal?', 'what is your favorite book?', 'what is your favorite movie?', 'what is your favorite song?', 'what is your favorite artist?', 'what is your favorite band?', 'what is your favorite city?', 'what is your favorite country?', 'what is your favorite sport?'][Math.floor(Math.random() * 10)]);
                 }));
               case 3:
               case "end":
-                return _context.stop();
+                return _context2.stop();
             }
-          }, _callee);
+          }, _callee2);
         }));
-        function onAiWritingGetSuggestion(_x) {
+        function onAiWritingGetSuggestion(_x3) {
           return _onAiWritingGetSuggestion.apply(this, arguments);
         }
         return onAiWritingGetSuggestion;
@@ -61,11 +117,11 @@ var Reader = function Reader() {
       //   })
       // },
       onUpload: function () {
-        var _onUpload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(file, onProgress) {
-          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
+        var _onUpload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(file, onProgress) {
+          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
               case 0:
-                return _context2.abrupt("return", new Promise(function (resolve) {
+                return _context3.abrupt("return", new Promise(function (resolve) {
                   var progress = 0;
                   var interval = setInterval(function () {
                     progress += Math.random() * 20;
@@ -93,11 +149,11 @@ var Reader = function Reader() {
                 }));
               case 1:
               case "end":
-                return _context2.stop();
+                return _context3.stop();
             }
-          }, _callee2);
+          }, _callee3);
         }));
-        function onUpload(_x2, _x3) {
+        function onUpload(_x4, _x5) {
           return _onUpload.apply(this, arguments);
         }
         return onUpload;

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

@@ -6,5 +6,5 @@ type InsertAudioProps = {
     attrs: AudioAttributes;
     updateAttributes: (attrs: AudioAttributes) => void;
 } & EditorFnProps;
-declare const InsertAudio: ({ selected, attrs, updateAttributes, onUpload, onError }: InsertAudioProps) => React.JSX.Element;
+declare const InsertAudio: ({ selected, attrs, updateAttributes, onUpload, onError, onValidateUrl }: InsertAudioProps) => React.JSX.Element;
 export default InsertAudio;

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

@@ -23,7 +23,8 @@ var InsertAudio = function InsertAudio(_ref) {
     attrs = _ref.attrs,
     updateAttributes = _ref.updateAttributes,
     onUpload = _ref.onUpload,
-    onError = _ref.onError;
+    onError = _ref.onError,
+    onValidateUrl = _ref.onValidateUrl;
   var _useState = useState(attrs.src || ''),
     _useState2 = _slicedToArray(_useState, 2),
     editSrc = _useState2[0],
@@ -167,19 +168,55 @@ var InsertAudio = function InsertAudio(_ref) {
       return _ref3.apply(this, arguments);
     };
   }();
-  var handleInsertWithPoster = function handleInsertWithPoster() {
-    if (!editSrc.trim()) return;
-    updateAttributes({
-      src: editSrc.trim(),
-      title: editTitle.trim() || undefined,
-      poster: editPoster.trim() || undefined,
-      controls: attrs.controls,
-      autoplay: attrs.autoplay,
-      loop: attrs.loop,
-      muted: attrs.muted
-    });
-    handleClosePopover();
-  };
+  var handleInsertWithPoster = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      var validatedSrc;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (editSrc.trim()) {
+              _context3.next = 2;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 2:
+            _context3.prev = 2;
+            validatedSrc = editSrc.trim();
+            if (!onValidateUrl) {
+              _context3.next = 8;
+              break;
+            }
+            _context3.next = 7;
+            return Promise.resolve(onValidateUrl(validatedSrc, 'audio'));
+          case 7:
+            validatedSrc = _context3.sent;
+          case 8:
+            updateAttributes({
+              src: validatedSrc,
+              title: editTitle.trim() || undefined,
+              poster: editPoster.trim() || undefined,
+              controls: attrs.controls,
+              autoplay: attrs.autoplay,
+              loop: attrs.loop,
+              muted: attrs.muted
+            });
+            handleClosePopover();
+            _context3.next = 15;
+            break;
+          case 12:
+            _context3.prev = 12;
+            _context3.t0 = _context3["catch"](2);
+            onError === null || onError === void 0 || onError(_context3.t0);
+          case 15:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, null, [[2, 12]]);
+    }));
+    return function handleInsertWithPoster() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
   return /*#__PURE__*/React.createElement(NodeViewWrapper, {
     className: "audio-wrapper",
     "data-drag-handle": true

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

@@ -25,7 +25,8 @@ var EditAudioDialog = function EditAudioDialog(_ref) {
   var attrs = _ref.attrs,
     onSave = _ref.onSave,
     onUpload = _ref.onUpload,
-    onError = _ref.onError;
+    onError = _ref.onError,
+    onValidateUrl = _ref.onValidateUrl;
   var _useState = useState(attrs.src),
     _useState2 = _slicedToArray(_useState, 2),
     src = _useState2[0],
@@ -46,13 +47,44 @@ var EditAudioDialog = function EditAudioDialog(_ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     uploading = _useState10[0],
     setUploading = _useState10[1];
-  var handleSave = function handleSave() {
-    onSave({
-      src: src,
-      title: title,
-      poster: poster
-    });
-  };
+  var handleSave = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var validatedSrc;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            validatedSrc = src;
+            if (!(onValidateUrl && src.trim())) {
+              _context.next = 6;
+              break;
+            }
+            _context.next = 5;
+            return Promise.resolve(onValidateUrl(src.trim(), 'audio'));
+          case 5:
+            validatedSrc = _context.sent;
+          case 6:
+            onSave({
+              src: validatedSrc,
+              title: title,
+              poster: poster
+            });
+            _context.next = 12;
+            break;
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](0);
+            onError === null || onError === void 0 || onError(_context.t0);
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 9]]);
+    }));
+    return function handleSave() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   var handleSelectAudio = function handleSelectAudio() {
     var uploadId = document.getElementById('audioUploadInput');
     if (uploadId) {
@@ -66,86 +98,86 @@ var EditAudioDialog = function EditAudioDialog(_ref) {
     }
   };
   var handleUploadPoster = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(event) {
       var _event$target$files;
-      var file, url;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      var file, _url;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
             file = (_event$target$files = event.target.files) === null || _event$target$files === void 0 ? void 0 : _event$target$files[0];
             if (!file) {
-              _context.next = 16;
+              _context2.next = 16;
               break;
             }
             setUploadingPoster(true);
-            _context.prev = 3;
-            _context.next = 6;
+            _context2.prev = 3;
+            _context2.next = 6;
             return onUpload === null || onUpload === void 0 ? void 0 : onUpload(file);
           case 6:
-            url = _context.sent;
-            if (url) {
-              setPoster(url);
+            _url = _context2.sent;
+            if (_url) {
+              setPoster(_url);
             }
-            _context.next = 13;
+            _context2.next = 13;
             break;
           case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](3);
-            onError === null || onError === void 0 || onError(_context.t0);
+            _context2.prev = 10;
+            _context2.t0 = _context2["catch"](3);
+            onError === null || onError === void 0 || onError(_context2.t0);
           case 13:
-            _context.prev = 13;
+            _context2.prev = 13;
             setUploadingPoster(false);
-            return _context.finish(13);
+            return _context2.finish(13);
           case 16:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee, null, [[3, 10, 13, 16]]);
+      }, _callee2, null, [[3, 10, 13, 16]]);
     }));
     return function handleUploadPoster(_x) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   var handleAudioUpload = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(event) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(event) {
       var _event$target$files2;
-      var file, url;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      var file, _url2;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             file = (_event$target$files2 = event.target.files) === null || _event$target$files2 === void 0 ? void 0 : _event$target$files2[0];
             if (!file) {
-              _context2.next = 16;
+              _context3.next = 16;
               break;
             }
             setUploading(true);
-            _context2.prev = 3;
-            _context2.next = 6;
+            _context3.prev = 3;
+            _context3.next = 6;
             return onUpload === null || onUpload === void 0 ? void 0 : onUpload(file);
           case 6:
-            url = _context2.sent;
-            if (url) {
+            _url2 = _context3.sent;
+            if (_url2) {
               setTitle(file.name);
-              setSrc(url);
+              setSrc(_url2);
             }
-            _context2.next = 13;
+            _context3.next = 13;
             break;
           case 10:
-            _context2.prev = 10;
-            _context2.t0 = _context2["catch"](3);
-            onError === null || onError === void 0 || onError(_context2.t0);
+            _context3.prev = 10;
+            _context3.t0 = _context3["catch"](3);
+            onError === null || onError === void 0 || onError(_context3.t0);
           case 13:
-            _context2.prev = 13;
+            _context3.prev = 13;
             setUploading(false);
-            return _context2.finish(13);
+            return _context3.finish(13);
           case 16:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2, null, [[3, 10, 13, 16]]);
+      }, _callee3, null, [[3, 10, 13, 16]]);
     }));
     return function handleAudioUpload(_x2) {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   return /*#__PURE__*/React.createElement(Stack, {
@@ -227,14 +259,15 @@ var EditAudioDialog = function EditAudioDialog(_ref) {
     onClick: handleSave
   }, "\u5D4C\u5165\u97F3\u9891"));
 };
-var AudioViewWrapper = function AudioViewWrapper(_ref4) {
-  var editor = _ref4.editor,
-    node = _ref4.node,
-    updateAttributes = _ref4.updateAttributes,
-    deleteNode = _ref4.deleteNode,
-    selected = _ref4.selected,
-    onUpload = _ref4.onUpload,
-    _onError = _ref4.onError;
+var AudioViewWrapper = function AudioViewWrapper(_ref5) {
+  var editor = _ref5.editor,
+    node = _ref5.node,
+    updateAttributes = _ref5.updateAttributes,
+    deleteNode = _ref5.deleteNode,
+    selected = _ref5.selected,
+    onUpload = _ref5.onUpload,
+    _onError = _ref5.onError,
+    onValidateUrl = _ref5.onValidateUrl;
   var attrs = node.attrs;
   var audioRef = useRef(null);
   var _useState11 = useState(false),
@@ -425,7 +458,8 @@ var AudioViewWrapper = function AudioViewWrapper(_ref4) {
       attrs: attrs,
       updateAttributes: updateAttributes,
       onUpload: onUpload,
-      onError: _onError
+      onError: _onError,
+      onValidateUrl: onValidateUrl
     });
   }
   return /*#__PURE__*/React.createElement(NodeViewWrapper, {
@@ -700,7 +734,8 @@ var AudioViewWrapper = function AudioViewWrapper(_ref4) {
     attrs: attrs,
     onSave: updateAudioSource,
     onUpload: onUpload,
-    onError: _onError
+    onError: _onError,
+    onValidateUrl: onValidateUrl
   })), /*#__PURE__*/React.createElement(FloatingPopover, {
     open: Boolean(anchorElSpeed),
     anchorEl: anchorElSpeed,

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

@@ -10,5 +10,5 @@ type InsertIframeProps = {
     attrs: IframeAttributes;
     updateAttributes: (attrs: IframeAttributes) => void;
 } & EditorFnProps;
-declare const InsertIframe: ({ selected, attrs, updateAttributes }: InsertIframeProps) => React.JSX.Element;
+declare const InsertIframe: ({ selected, attrs, updateAttributes, onValidateUrl }: InsertIframeProps) => React.JSX.Element;
 export default InsertIframe;

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

@@ -1,3 +1,7 @@
+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); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 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); }
@@ -12,7 +16,8 @@ import React, { useState } from "react";
 var InsertIframe = function InsertIframe(_ref) {
   var selected = _ref.selected,
     attrs = _ref.attrs,
-    updateAttributes = _ref.updateAttributes;
+    updateAttributes = _ref.updateAttributes,
+    onValidateUrl = _ref.onValidateUrl;
   var _useState = useState(attrs.src || ''),
     _useState2 = _slicedToArray(_useState, 2),
     editUrl = _useState2[0],
@@ -27,15 +32,50 @@ var InsertIframe = function InsertIframe(_ref) {
   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();
-  };
+  var handleInsert = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var validatedUrl;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (editUrl.trim()) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            _context.prev = 2;
+            validatedUrl = editUrl.trim();
+            if (!onValidateUrl) {
+              _context.next = 8;
+              break;
+            }
+            _context.next = 7;
+            return Promise.resolve(onValidateUrl(validatedUrl, 'iframe'));
+          case 7:
+            validatedUrl = _context.sent;
+          case 8:
+            updateAttributes({
+              src: validatedUrl,
+              width: attrs.width,
+              height: attrs.height
+            });
+            handleClosePopover();
+            _context.next = 14;
+            break;
+          case 12:
+            _context.prev = 12;
+            _context.t0 = _context["catch"](2);
+          case 14:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 12]]);
+    }));
+    return function handleInsert() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   return /*#__PURE__*/React.createElement(NodeViewWrapper, {
     className: "iframe-wrapper",
     "data-drag-handle": true

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

@@ -1,3 +1,7 @@
+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); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 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); }
@@ -16,7 +20,8 @@ var IframeViewWrapper = function IframeViewWrapper(_ref) {
     node = _ref.node,
     updateAttributes = _ref.updateAttributes,
     deleteNode = _ref.deleteNode,
-    selected = _ref.selected;
+    selected = _ref.selected,
+    onValidateUrl = _ref.onValidateUrl;
   var attrs = node.attrs;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -60,16 +65,49 @@ var IframeViewWrapper = function IframeViewWrapper(_ref) {
   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 handleSave = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var validatedUrl;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!editSrc.trim()) {
+              _context.next = 12;
+              break;
+            }
+            _context.prev = 1;
+            validatedUrl = editSrc.trim();
+            if (!onValidateUrl) {
+              _context.next = 7;
+              break;
+            }
+            _context.next = 6;
+            return Promise.resolve(onValidateUrl(validatedUrl, 'iframe'));
+          case 6:
+            validatedUrl = _context.sent;
+          case 7:
+            updateAttributes({
+              src: validatedUrl,
+              width: attrs.width,
+              height: attrs.height
+            });
+            _context.next = 12;
+            break;
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](1);
+          case 12:
+            handleClosePopover();
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 10]]);
+    }));
+    return function handleSave() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   var handleMouseDownWidth = function handleMouseDownWidth(e) {
     e.preventDefault();
     setIsDraggingWidth(true);
@@ -126,7 +164,8 @@ var IframeViewWrapper = function IframeViewWrapper(_ref) {
     return /*#__PURE__*/React.createElement(InsertIframe, {
       selected: selected,
       attrs: attrs,
-      updateAttributes: updateAttributes
+      updateAttributes: updateAttributes,
+      onValidateUrl: onValidateUrl
     });
   }
   return /*#__PURE__*/React.createElement(NodeViewWrapper, {

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

@@ -6,5 +6,5 @@ type InsertImageProps = {
     attrs: ImageAttributes;
     updateAttributes: (attrs: ImageAttributes) => void;
 } & EditorFnProps;
-declare const InsertImage: ({ selected, attrs, updateAttributes, onUpload, onError }: InsertImageProps) => React.JSX.Element;
+declare const InsertImage: ({ selected, attrs, updateAttributes, onUpload, onError, onValidateUrl }: InsertImageProps) => React.JSX.Element;
 export default InsertImage;

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

@@ -24,7 +24,8 @@ var InsertImage = function InsertImage(_ref) {
     attrs = _ref.attrs,
     updateAttributes = _ref.updateAttributes,
     onUpload = _ref.onUpload,
-    onError = _ref.onError;
+    onError = _ref.onError,
+    onValidateUrl = _ref.onValidateUrl;
   var _useState = useState(attrs.src || ''),
     _useState2 = _slicedToArray(_useState, 2),
     editSrc = _useState2[0],
@@ -148,6 +149,7 @@ var InsertImage = function InsertImage(_ref) {
   }();
   var handleInsertLink = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      var validatedUrl;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -157,15 +159,32 @@ var InsertImage = function InsertImage(_ref) {
             }
             return _context3.abrupt("return");
           case 2:
-            _context3.next = 4;
-            return updateImageAttributes(editSrc.trim());
-          case 4:
+            _context3.prev = 2;
+            validatedUrl = editSrc.trim();
+            if (!onValidateUrl) {
+              _context3.next = 8;
+              break;
+            }
+            _context3.next = 7;
+            return Promise.resolve(onValidateUrl(validatedUrl, 'image'));
+          case 7:
+            validatedUrl = _context3.sent;
+          case 8:
+            _context3.next = 10;
+            return updateImageAttributes(validatedUrl);
+          case 10:
             handleClosePopover();
-          case 5:
+            _context3.next = 16;
+            break;
+          case 13:
+            _context3.prev = 13;
+            _context3.t0 = _context3["catch"](2);
+            onError === null || onError === void 0 || onError(_context3.t0);
+          case 16:
           case "end":
             return _context3.stop();
         }
-      }, _callee3);
+      }, _callee3, null, [[2, 13]]);
     }));
     return function handleInsertLink() {
       return _ref4.apply(this, arguments);

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

@@ -1,3 +1,7 @@
+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); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 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); }
@@ -70,7 +74,8 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
     deleteNode = _ref.deleteNode,
     selected = _ref.selected,
     onUpload = _ref.onUpload,
-    _onError = _ref.onError;
+    _onError = _ref.onError,
+    onValidateUrl = _ref.onValidateUrl;
   var attrs = node.attrs;
   var imageRef = useRef(null);
   var _useState = useState(false),
@@ -172,18 +177,52 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
     });
     setIsCropping(false);
   };
-  var handleSave = function handleSave() {
-    if (editSrc.trim()) {
-      var currentWidth = getCurrentDisplayWidth();
-      updateAttributes({
-        src: editSrc.trim(),
-        width: currentWidth,
-        error: true
-      });
-      setEditSrc(editSrc.trim());
-    }
-    handleClosePopover();
-  };
+  var handleSave = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var validatedUrl, currentWidth;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!editSrc.trim()) {
+              _context.next = 15;
+              break;
+            }
+            _context.prev = 1;
+            validatedUrl = editSrc.trim();
+            if (!onValidateUrl) {
+              _context.next = 7;
+              break;
+            }
+            _context.next = 6;
+            return Promise.resolve(onValidateUrl(validatedUrl, 'image'));
+          case 6:
+            validatedUrl = _context.sent;
+          case 7:
+            currentWidth = getCurrentDisplayWidth();
+            updateAttributes({
+              src: validatedUrl,
+              width: currentWidth,
+              error: true
+            });
+            setEditSrc(validatedUrl);
+            _context.next = 15;
+            break;
+          case 12:
+            _context.prev = 12;
+            _context.t0 = _context["catch"](1);
+            _onError === null || _onError === void 0 || _onError(_context.t0);
+          case 15:
+            handleClosePopover();
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 12]]);
+    }));
+    return function handleSave() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   useEffect(function () {
     if (isDragging) {
       document.addEventListener('mousemove', handleMouseMove);
@@ -207,7 +246,9 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
       selected: selected,
       attrs: attrs,
       onUpload: onUpload,
-      updateAttributes: updateAttributes
+      updateAttributes: updateAttributes,
+      onError: _onError,
+      onValidateUrl: onValidateUrl
     });
   }
   if (isCropping) {

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

@@ -6,5 +6,5 @@ type InsertVideoProps = {
     attrs: VideoAttributes;
     updateAttributes: (attrs: VideoAttributes) => void;
 } & EditorFnProps;
-declare const InsertVideo: ({ selected, attrs, updateAttributes, onUpload, onError }: InsertVideoProps) => React.JSX.Element;
+declare const InsertVideo: ({ selected, attrs, updateAttributes, onUpload, onError, onValidateUrl }: InsertVideoProps) => React.JSX.Element;
 export default InsertVideo;

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

@@ -23,7 +23,8 @@ var InsertVideo = function InsertVideo(_ref) {
     attrs = _ref.attrs,
     updateAttributes = _ref.updateAttributes,
     onUpload = _ref.onUpload,
-    onError = _ref.onError;
+    onError = _ref.onError,
+    onValidateUrl = _ref.onValidateUrl;
   var _useState = useState(attrs.src || ''),
     _useState2 = _slicedToArray(_useState, 2),
     editSrc = _useState2[0],
@@ -108,19 +109,55 @@ var InsertVideo = function InsertVideo(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
-  var handleInsertLink = function handleInsertLink() {
-    if (!editSrc.trim()) return;
-    updateAttributes({
-      src: editSrc.trim(),
-      width: attrs.width,
-      controls: attrs.controls,
-      autoplay: attrs.autoplay,
-      loop: attrs.loop,
-      muted: attrs.muted,
-      poster: attrs.poster
-    });
-    handleClosePopover();
-  };
+  var handleInsertLink = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var validatedUrl;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (editSrc.trim()) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 2:
+            _context2.prev = 2;
+            validatedUrl = editSrc.trim();
+            if (!onValidateUrl) {
+              _context2.next = 8;
+              break;
+            }
+            _context2.next = 7;
+            return Promise.resolve(onValidateUrl(validatedUrl, 'video'));
+          case 7:
+            validatedUrl = _context2.sent;
+          case 8:
+            updateAttributes({
+              src: validatedUrl,
+              width: attrs.width,
+              controls: attrs.controls,
+              autoplay: attrs.autoplay,
+              loop: attrs.loop,
+              muted: attrs.muted,
+              poster: attrs.poster
+            });
+            handleClosePopover();
+            _context2.next = 15;
+            break;
+          case 12:
+            _context2.prev = 12;
+            _context2.t0 = _context2["catch"](2);
+            onError === null || onError === void 0 || onError(_context2.t0);
+          case 15:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[2, 12]]);
+    }));
+    return function handleInsertLink() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
   return /*#__PURE__*/React.createElement(NodeViewWrapper, {
     className: "video-wrapper",
     "data-drag-handle": true

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

@@ -17,7 +17,8 @@ var VideoViewWrapper = function VideoViewWrapper(_ref) {
     deleteNode = _ref.deleteNode,
     selected = _ref.selected,
     onUpload = _ref.onUpload,
-    _onError = _ref.onError;
+    _onError = _ref.onError,
+    onValidateUrl = _ref.onValidateUrl;
   var attrs = node.attrs;
   var videoRef = useRef(null);
   var _useState = useState(false),
@@ -78,7 +79,8 @@ var VideoViewWrapper = function VideoViewWrapper(_ref) {
       attrs: attrs,
       updateAttributes: updateAttributes,
       onUpload: onUpload,
-      onError: _onError
+      onError: _onError,
+      onValidateUrl: onValidateUrl
     });
   }
   return /*#__PURE__*/React.createElement(NodeViewWrapper, {

package/dist/extension/index.d.ts

@@ -1,2 +1,2 @@
 import { GetExtensionsProps } from '../type';
-export declare const getExtensions: ({ contentType, limit, exclude, extensions: extensionsProps, youtube, editable, mentionItems, onMentionFilter, onUpload, onError, onTocUpdate, onAiWritingGetSuggestion, }: GetExtensionsProps) => any;
+export declare const getExtensions: ({ contentType, limit, exclude, extensions: extensionsProps, youtube, editable, mentionItems, onMentionFilter, onUpload, onError, onTocUpdate, onAiWritingGetSuggestion, onValidateUrl, }: GetExtensionsProps) => any;

package/dist/extension/index.js

@@ -29,7 +29,8 @@ export var getExtensions = function getExtensions(_ref) {
     onUpload = _ref.onUpload,
     onError = _ref.onError,
     onTocUpdate = _ref.onTocUpdate,
-    onAiWritingGetSuggestion = _ref.onAiWritingGetSuggestion;
+    onAiWritingGetSuggestion = _ref.onAiWritingGetSuggestion,
+    onValidateUrl = _ref.onValidateUrl;
   var defaultExtensions = [StarterKit.configure({
     link: false,
     code: false,
@@ -49,7 +50,8 @@ export var getExtensions = function getExtensions(_ref) {
     onTocUpdate: onTocUpdate
   }), ImageExtension({
     onUpload: onUpload,
-    onError: onError
+    onError: onError,
+    onValidateUrl: onValidateUrl
   }), CustomBlockMathExtension({
     onError: onError
   }), CustomInlineMathExtension({
@@ -104,13 +106,16 @@ export var getExtensions = function getExtensions(_ref) {
     }));
   } else {
     defaultExtensions.push.apply(defaultExtensions, [AlertExtension, BlockLinkExtension, InlineUploadProgressExtension, IframeExtension({
-      onError: onError
+      onError: onError,
+      onValidateUrl: onValidateUrl
     }), VideoExtension({
       onUpload: onUpload,
-      onError: onError
+      onError: onError,
+      onValidateUrl: onValidateUrl
     }), AudioExtension({
       onUpload: onUpload,
-      onError: onError
+      onError: onError,
+      onValidateUrl: onValidateUrl
     }), BlockAttachmentExtension({
       onUpload: onUpload,
       onError: onError

package/dist/extension/node/Audio.js

@@ -186,7 +186,8 @@ export var AudioExtension = function AudioExtension(props) {
       return ReactNodeViewRenderer(function (renderProps) {
         return AudioViewWrapper(_objectSpread(_objectSpread({}, renderProps), {}, {
           onUpload: props.onUpload,
-          onError: props.onError
+          onError: props.onError,
+          onValidateUrl: props.onValidateUrl
         }));
       });
     }

package/dist/extension/node/Iframe.js

@@ -111,7 +111,8 @@ export var IframeExtension = function IframeExtension(props) {
     addNodeView: function addNodeView() {
       return ReactNodeViewRenderer(function (renderProps) {
         return IframeViewWrapper(_objectSpread(_objectSpread({}, renderProps), {}, {
-          onError: props.onError
+          onError: props.onError,
+          onValidateUrl: props.onValidateUrl
         }));
       });
     }

package/dist/extension/node/Image.js

@@ -29,7 +29,8 @@ var customImage = function customImage(props) {
       return ReactNodeViewRenderer(function (renderProps) {
         return ImageViewWrapper(_objectSpread(_objectSpread({}, renderProps), {}, {
           onUpload: props.onUpload,
-          onError: props.onError
+          onError: props.onError,
+          onValidateUrl: props.onValidateUrl
         }));
       });
     },

package/dist/extension/node/Video.js

@@ -195,7 +195,8 @@ export var VideoExtension = function VideoExtension(props) {
       return ReactNodeViewRenderer(function (renderProps) {
         return VideoViewWrapper(_objectSpread(_objectSpread({}, renderProps), {}, {
           onUpload: props.onUpload,
-          onError: props.onError
+          onError: props.onError,
+          onValidateUrl: props.onValidateUrl
         }));
       });
     },

package/dist/hook/index.d.ts

@@ -1,4 +1,4 @@
 import { UseTiptapProps, UseTiptapReturn } from "../type";
 import { UseEditorOptions } from '@tiptap/react';
-declare const useTiptap: ({ exclude, extensions: extensionsProps, mentionItems, onMentionFilter, onSave, onError, onUpload, onTocUpdate, onAiWritingGetSuggestion, editable, contentType, ...options }: UseTiptapProps & UseEditorOptions) => UseTiptapReturn;
+declare const useTiptap: ({ exclude, extensions: extensionsProps, mentionItems, onMentionFilter, onSave, onError, onUpload, onTocUpdate, onAiWritingGetSuggestion, onValidateUrl, editable, contentType, ...options }: UseTiptapProps & UseEditorOptions) => UseTiptapReturn;
 export default useTiptap;

package/dist/hook/index.js

@@ -1,5 +1,5 @@
 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 = ["exclude", "extensions", "mentionItems", "onMentionFilter", "onSave", "onError", "onUpload", "onTocUpdate", "onAiWritingGetSuggestion", "editable", "contentType"];
+var _excluded = ["exclude", "extensions", "mentionItems", "onMentionFilter", "onSave", "onError", "onUpload", "onTocUpdate", "onAiWritingGetSuggestion", "onValidateUrl", "editable", "contentType"];
 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; }
@@ -21,6 +21,7 @@ var useTiptap = function useTiptap(_ref) {
     onUpload = _ref.onUpload,
     onTocUpdate = _ref.onTocUpdate,
     onAiWritingGetSuggestion = _ref.onAiWritingGetSuggestion,
+    onValidateUrl = _ref.onValidateUrl,
     _ref$editable = _ref.editable,
     editable = _ref$editable === void 0 ? true : _ref$editable,
     contentType = _ref.contentType,
@@ -35,7 +36,8 @@ var useTiptap = function useTiptap(_ref) {
     onUpload: onUpload,
     onError: onError,
     onTocUpdate: onTocUpdate,
-    onAiWritingGetSuggestion: onAiWritingGetSuggestion
+    onAiWritingGetSuggestion: onAiWritingGetSuggestion,
+    onValidateUrl: onValidateUrl
   });
   var editor = useEditor(_objectSpread(_objectSpread(_objectSpread({
     editable: editable,
@@ -100,11 +102,24 @@ var useTiptap = function useTiptap(_ref) {
   }));
   return {
     editor: editor,
-    getMarkdown: function getMarkdown() {
+    setContent: function setContent(value, type) {
+      var _editor$chain;
+      editor === null || editor === void 0 || (_editor$chain = editor.chain()) === null || _editor$chain === void 0 || (_editor$chain = _editor$chain.focus()) === null || _editor$chain === void 0 || (_editor$chain = _editor$chain.setContent(value, {
+        contentType: type || (contentType === 'markdown' ? 'markdown' : 'html')
+      })) === null || _editor$chain === void 0 || _editor$chain.run();
+    },
+    getContent: function getContent() {
+      if (!editor) return '';
       if (contentType === 'markdown') {
         return editor.getMarkdown();
       }
+      return editor.getHTML() || '';
+    },
+    getMarkdown: function getMarkdown() {
       if (!editor) return '';
+      if (contentType === 'markdown') {
+        return editor.getMarkdown();
+      }
       return renderToMarkdown({
         extensions: editor.extensionManager.extensions,
         content: editor.getJSON()

package/dist/type/index.d.ts

@@ -69,6 +69,7 @@ export type TocItem = {
     textContent: string;
 };
 export type TocList = TocItem[];
+export type ValidateUrlFunction = (url: string, type: 'image' | 'video' | 'audio' | 'iframe') => Promise<string> | string;
 export type EditorFnProps = {
     onError?: (error: Error) => void;
     onUpload?: UploadFunction;
@@ -77,6 +78,7 @@ export type EditorFnProps = {
         prefix: string;
         suffix: string;
     }) => Promise<string>;
+    onValidateUrl?: ValidateUrlFunction;
 };
 export type MentionItems = string[];
 export type MentionExtensionProps = {
@@ -99,6 +101,8 @@ export type UseTiptapProps = {
 export type GetExtensionsProps = ExtensionRelativeProps;
 export type UseTiptapReturn = {
     editor: Editor;
+    setContent: (value: string, type: UseEditorOptions['contentType']) => void;
+    getContent: () => string;
     getMarkdown: () => string;
     getText: () => string;
     getHTML: () => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzhian/tiptap",
-  "version": "1.8.2",
+  "version": "1.9.1",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -81,37 +81,37 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.2",
-    "@tiptap/core": "3.7.1",
-    "@tiptap/extension-bubble-menu": "3.7.1",
-    "@tiptap/extension-code": "3.7.1",
-    "@tiptap/extension-code-block-lowlight": "3.7.1",
-    "@tiptap/extension-details": "3.7.1",
-    "@tiptap/extension-drag-handle-react": "3.7.1",
-    "@tiptap/extension-emoji": "3.7.1",
-    "@tiptap/extension-file-handler": "3.7.1",
-    "@tiptap/extension-highlight": "3.7.1",
-    "@tiptap/extension-image": "3.7.1",
-    "@tiptap/extension-invisible-characters": "3.7.1",
-    "@tiptap/extension-link": "3.7.1",
-    "@tiptap/extension-list": "3.7.1",
-    "@tiptap/extension-mathematics": "3.7.1",
-    "@tiptap/extension-mention": "3.7.1",
-    "@tiptap/extension-subscript": "3.7.1",
-    "@tiptap/extension-superscript": "3.7.1",
-    "@tiptap/extension-table": "3.7.1",
-    "@tiptap/extension-table-of-contents": "3.7.1",
-    "@tiptap/extension-text-align": "3.7.1",
-    "@tiptap/extension-text-style": "3.7.1",
-    "@tiptap/extension-unique-id": "3.7.1",
-    "@tiptap/extension-youtube": "3.7.1",
-    "@tiptap/extensions": "3.7.1",
-    "@tiptap/html": "3.7.1",
-    "@tiptap/markdown": "^3.7.2",
-    "@tiptap/pm": "3.7.1",
-    "@tiptap/react": "3.7.1",
-    "@tiptap/starter-kit": "3.7.1",
-    "@tiptap/static-renderer": "3.7.1",
-    "@tiptap/suggestion": "3.7.1",
+    "@tiptap/core": "^3.9.1",
+    "@tiptap/extension-bubble-menu": "^3.9.1",
+    "@tiptap/extension-code": "^3.9.1",
+    "@tiptap/extension-code-block-lowlight": "^3.9.1",
+    "@tiptap/extension-details": "^3.9.1",
+    "@tiptap/extension-drag-handle-react": "^3.9.1",
+    "@tiptap/extension-emoji": "^3.9.1",
+    "@tiptap/extension-file-handler": "^3.9.1",
+    "@tiptap/extension-highlight": "^3.9.1",
+    "@tiptap/extension-image": "^3.9.1",
+    "@tiptap/extension-invisible-characters": "^3.9.1",
+    "@tiptap/extension-link": "^3.9.1",
+    "@tiptap/extension-list": "^3.9.1",
+    "@tiptap/extension-mathematics": "^3.9.1",
+    "@tiptap/extension-mention": "^3.9.1",
+    "@tiptap/extension-subscript": "^3.9.1",
+    "@tiptap/extension-superscript": "^3.9.1",
+    "@tiptap/extension-table": "^3.9.1",
+    "@tiptap/extension-table-of-contents": "^3.9.1",
+    "@tiptap/extension-text-align": "^3.9.1",
+    "@tiptap/extension-text-style": "^3.9.1",
+    "@tiptap/extension-unique-id": "^3.9.1",
+    "@tiptap/extension-youtube": "^3.9.1",
+    "@tiptap/extensions": "^3.9.1",
+    "@tiptap/html": "^3.9.1",
+    "@tiptap/markdown": "^3.9.1",
+    "@tiptap/pm": "^3.9.1",
+    "@tiptap/react": "^3.9.1",
+    "@tiptap/starter-kit": "^3.9.1",
+    "@tiptap/static-renderer": "^3.9.1",
+    "@tiptap/suggestion": "^3.9.1",
     "core-js": "^3.46.0",
     "diff-match-patch": "^1.0.5",
     "highlight.js": "^11.11.1",