@ctzhian/tiptap 2.13.4 → 2.13.6

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

@@ -10,15 +10,16 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { FloatingPopover } from "../../../component/FloatingPopover";
 import { IframeTypeEnums } from "../../../contants/enums";
-import { extractSrcFromIframe } from "../../../util";
+import { extractSrcFromIframe, normalizeBilibiliAutoplay } from "../../../util";
 import { Box, Button, Stack, TextField } from "@mui/material";
 import { NodeViewWrapper } from "@tiptap/react";
 import React, { useState } from "react";
 var InsertIframe = function InsertIframe(_ref) {
+  var _attrs$src;
   var attrs = _ref.attrs,
     updateAttributes = _ref.updateAttributes,
     onValidateUrl = _ref.onValidateUrl;
-  var _useState = useState(attrs.src || ''),
+  var _useState = useState((_attrs$src = attrs.src) !== null && _attrs$src !== void 0 ? _attrs$src : ''),
     _useState2 = _slicedToArray(_useState, 2),
     editUrl = _useState2[0],
     setEditUrl = _useState2[1];
@@ -55,6 +56,9 @@ var InsertIframe = function InsertIframe(_ref) {
           case 7:
             validatedUrl = _context.sent;
           case 8:
+            if (attrs.type === 'bilibili') {
+              validatedUrl = normalizeBilibiliAutoplay(validatedUrl);
+            }
             updateAttributes({
               src: validatedUrl,
               width: attrs.width,
@@ -63,16 +67,16 @@ var InsertIframe = function InsertIframe(_ref) {
               type: attrs.type
             });
             handleClosePopover();
-            _context.next = 14;
+            _context.next = 15;
             break;
-          case 12:
-            _context.prev = 12;
+          case 13:
+            _context.prev = 13;
             _context.t0 = _context["catch"](2);
-          case 14:
+          case 15:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 12]]);
+      }, _callee, null, [[2, 13]]);
     }));
     return function handleInsert() {
       return _ref2.apply(this, arguments);

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

@@ -16,13 +16,14 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { ActionDropdown, FloatingPopover, HoverPopover } from "../../../component";
 import { AlignCenterIcon, AlignLeftIcon, AlignRightIcon, DeleteLineIcon, EditLineIcon } from "../../../component/Icons";
 import { ToolbarItem } from "../../../component/Toolbar";
-import { extractSrcFromIframe } from "../../../util";
+import { extractSrcFromIframe, normalizeBilibiliAutoplay } from "../../../util";
 import { alpha, Box, Button, Divider, Stack, TextField, useTheme } from "@mui/material";
 import { NodeViewWrapper } from '@tiptap/react';
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import InsertIframe from "./Insert";
 import ReadonlyIframe from "./Readonly";
 var IframeViewWrapper = function IframeViewWrapper(_ref) {
+  var _attrs$src;
   var editor = _ref.editor,
     node = _ref.node,
     updateAttributes = _ref.updateAttributes,
@@ -51,7 +52,7 @@ var IframeViewWrapper = function IframeViewWrapper(_ref) {
   var dragStartWidthRef = useRef(0);
   var dragStartHeightRef = useRef(0);
   var maxWidthRef = useRef(0);
-  var _useState7 = useState(attrs.src),
+  var _useState7 = useState((_attrs$src = attrs.src) !== null && _attrs$src !== void 0 ? _attrs$src : ''),
     _useState8 = _slicedToArray(_useState7, 2),
     editSrc = _useState8[0],
     setEditSrc = _useState8[1];
@@ -64,6 +65,8 @@ var IframeViewWrapper = function IframeViewWrapper(_ref) {
     keepHoverPopoverOpen = _useState12[0],
     setKeepHoverPopoverOpen = _useState12[1];
   var handleShowPopover = function handleShowPopover() {
+    var _attrs$src2;
+    setEditSrc((_attrs$src2 = attrs.src) !== null && _attrs$src2 !== void 0 ? _attrs$src2 : '');
     setKeepHoverPopoverOpen(true);
     setAnchorEl(editButtonRef.current);
   };
@@ -179,7 +182,8 @@ var IframeViewWrapper = function IframeViewWrapper(_ref) {
     setDragCorner(null);
   }, []);
   useEffect(function () {
-    setEditSrc(attrs.src);
+    var _attrs$src3;
+    setEditSrc((_attrs$src3 = attrs.src) !== null && _attrs$src3 !== void 0 ? _attrs$src3 : '');
   }, [attrs.src]);
   useEffect(function () {
     if (isDragging) {
@@ -212,13 +216,15 @@ var IframeViewWrapper = function IframeViewWrapper(_ref) {
           case 6:
             validatedUrl = _context.sent;
           case 7:
+            if (attrs.type === 'bilibili') {
+              validatedUrl = normalizeBilibiliAutoplay(validatedUrl);
+            }
             updateAttributes({
               src: validatedUrl,
               width: attrs.width,
               height: attrs.height,
               align: attrs.align
             });
-            setEditSrc(validatedUrl);
             _context.next = 13;
             break;
           case 11:

package/dist/extension/node/Image.js

@@ -438,7 +438,7 @@ var customImage = function customImage(props) {
               if (imageUrls.length > 0) {
                 event.preventDefault();
                 _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-                  var downloadedFiles, validFiles;
+                  var downloadedFiles, validFiles, _parsed$content2, extensions, parsed;
                   return _regeneratorRuntime().wrap(function _callee3$(_context3) {
                     while (1) switch (_context3.prev = _context3.next) {
                       case 0:
@@ -452,14 +452,27 @@ var customImage = function customImage(props) {
                           return f !== null;
                         });
                         if (!(validFiles.length === 0)) {
-                          _context3.next = 6;
+                          _context3.next = 7;
                           break;
                         }
+                        // 下载失败：回退为直接粘贴原始 HTML（保留原始图片 URL）
+                        try {
+                          extensions = editor.extensionManager.extensions;
+                          parsed = generateJSON(htmlData, extensions);
+                          if (parsed !== null && parsed !== void 0 && (_parsed$content2 = parsed.content) !== null && _parsed$content2 !== void 0 && _parsed$content2.length) {
+                            editor.chain().insertContentAt({
+                              from: from,
+                              to: to
+                            }, parsed).focus().run();
+                          }
+                        } catch (error) {
+                          // 解析失败则不再处理，交给默认粘贴逻辑
+                        }
                         return _context3.abrupt("return");
-                      case 6:
-                        _context3.next = 8;
+                      case 7:
+                        _context3.next = 9;
                         return processImagePaste(validFiles, htmlData, from, to);
-                      case 8:
+                      case 9:
                       case "end":
                         return _context3.stop();
                     }
@@ -471,12 +484,12 @@ var customImage = function customImage(props) {
               // 没有图片 URL，尝试处理 HTML 或纯文本
               // 先尝试使用 generateJSON 解析 HTML
               try {
-                var _parsed$content2;
+                var _parsed$content3;
                 var extensions = editor.extensionManager.extensions;
                 var parsed = generateJSON(htmlData, extensions);
 
                 // 检查解析后的内容是否包含有效文本
-                if (parsed !== null && parsed !== void 0 && (_parsed$content2 = parsed.content) !== null && _parsed$content2 !== void 0 && _parsed$content2.length && hasValidTextContent(parsed.content)) {
+                if (parsed !== null && parsed !== void 0 && (_parsed$content3 = parsed.content) !== null && _parsed$content3 !== void 0 && _parsed$content3.length && hasValidTextContent(parsed.content)) {
                   event.preventDefault();
                   editor.chain().insertContentAt({
                     from: from,

package/dist/util/index.d.ts

@@ -25,3 +25,11 @@ export declare const getLinkAttributesWithSelectedText: (editor: Editor) => {
     title?: string;
 };
 export declare const extractSrcFromIframe: (input: string) => string;
+/**
+ * 将 B 站链接的 autoplay 统一为 0，避免默认自动播放
+ * - autoplay=1 改为 0
+ * - autoplay=0 不处理
+ * - 无 autoplay 参数则添加 &autoplay=0
+ * 支持协议相对地址（//player.bilibili.com/...），会先转为 https: 再解析
+ */
+export declare const normalizeBilibiliAutoplay: (url: string) => string;

package/dist/util/index.js

@@ -134,4 +134,32 @@ export var extractSrcFromIframe = function extractSrcFromIframe(input) {
     return iframeMatch[1].trim();
   }
   return trimmed;
+};
+
+/**
+ * 将 B 站链接的 autoplay 统一为 0，避免默认自动播放
+ * - autoplay=1 改为 0
+ * - autoplay=0 不处理
+ * - 无 autoplay 参数则添加 &autoplay=0
+ * 支持协议相对地址（//player.bilibili.com/...），会先转为 https: 再解析
+ */
+export var normalizeBilibiliAutoplay = function normalizeBilibiliAutoplay(url) {
+  var trimmed = url.trim();
+  if (!trimmed) return trimmed;
+  try {
+    // 处理协议相对地址（//player.bilibili.com/...）和相对路径
+    var urlToParse = trimmed.startsWith('//') ? 'https:' + trimmed : /^https?:\/\//i.test(trimmed) ? trimmed : 'https://' + trimmed;
+    var u = new URL(urlToParse);
+    var host = u.hostname.toLowerCase();
+    if (!host.includes('bilibili.com') && !host.includes('b23.tv')) {
+      return trimmed;
+    }
+    var autoplay = u.searchParams.get('autoplay');
+    if (autoplay !== '0') {
+      u.searchParams.set('autoplay', '0');
+    }
+    return u.toString();
+  } catch (_unused) {
+    return trimmed;
+  }
 };

package/package.json

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