@ctzhian/tiptap 1.7.4 → 1.7.5-beta.1

package/dist/Editor/demo.js

@@ -3,7 +3,7 @@ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyri
 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); }); }; }
 import { Editor, EditorThemeProvider, EditorToolbar, useTiptap } from "./..";
-import { Box } from '@mui/material';
+import { Box, Button } from '@mui/material';
 import React from 'react';
 import "../index.css";
 var Reader = function Reader() {
@@ -11,7 +11,7 @@ var Reader = function Reader() {
       editable: true,
       exclude: ['invisibleCharacters'],
       onSave: function onSave(editor) {
-        console.log(editor.getHTML());
+        console.log(editor.getHTML(), editor.getMarkdown());
         editor.commands.setContent(editor.getHTML());
       },
       onAiWritingGetSuggestion: function () {
@@ -102,12 +102,19 @@ var Reader = function Reader() {
         }
         return onUpload;
       }(),
-      content: "<div class=\"tableWrapper\"><table style=\"min-width: 423px;\"><colgroup><col style=\"width: 100px;\"><col style=\"width: 123px;\"><col style=\"min-width: 100px;\"><col style=\"min-width: 100px;\"></colgroup><tbody><tr class=\"table-row\"><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"100\"><p>fasdfklj</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"123\"><p>fjkldsajflk</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\"><p>jlfjdlskajfl</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\"><p>kflasdjflk</p></th></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" colwidth=\"100\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>flfjladsjflkf</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"123\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>lfjlaskdjfkl</p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>lkasdjfkl</p></td><td colspan=\"1\" rowspan=\"2\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>jklfjalsdfjl</p></td></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" colwidth=\"100\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>fflkasdlfj</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"123\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>lfjldksajfl</p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>flajdslfkj</p></td></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" colwidth=\"100\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>lfjadsjflds</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"123\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>dfjlajflsk</p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>lkfdjajkdls</p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>flasjflk</p></td></tr></tbody></table></div><p></p>"
+      content: "<blockquote><p>\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</p></blockquote><audio src=\"/static-file/323483d4-f74a-4d2f-beb4-591dc4da2624/240c283e-7c08-47f5-a0a9-708346e887fe.mp4\" poster=\"/static-file/4f149d6f-dc3b-4b2b-9c30-4c74cfb61030/219e2d4d-cc69-4549-81a5-7787580ffcce.jpeg\" controls=\"true\"></audio><hr><h1 id=\"62b48c1c-70cd-4231-bb98-06a50856fd68\">\u8FD9\u662F\u4E00\u6BB5\u4E00\u7EA7\u6807\u9898</h1><p><span style=\"background-color: rgb(255, 204, 188);\">\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F<code>\u6709\u6548</code>\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A 123203^<sup>1313&nbsp;</sup>\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981<sub>1</sub>\u3002</span></p><p style=\"text-align: center;\"><img src=\"/static-file/1bc14ef9-751a-4ddb-88d8-ed012bc311d4/d1caf813-9d82-439c-810b-5a27f01ddde3.webp\" width=\"180\"></p><ol class=\"ordered-list\" data-type=\"orderedList\"><li><p>\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</p></li><li><p>\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C<code>\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981</code>\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</p><ol class=\"ordered-list\" data-type=\"orderedList\"><li><p><span style=\"color: rgb(246, 78, 84);\">\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</span>\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C<a target=\"_blank\" type=\"icon\" href=\"https://www.baidu.com\" title=\"\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\">\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981</a>\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002<strong>\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801</strong>\uFF0C<span style=\"background-color: rgb(248, 187, 208);\">\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981</span>\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0<u>\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587</u>\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</p></li><li><p>\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C<a target=\"_blank\" type=\"text\" href=\"http://localhost:5173/doc/editor/0198ea54-7b17-753d-ba0b-ede4145645b5\" title=\"\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\">\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981</a>\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002<span style=\"background-color: rgb(220, 237, 200);\">\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801</span>\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002<span data-latex=\"int_{-infty}^{infty} e^{-x^2} dx = sqrt{pi}\" data-type=\"inline-math\"></span>\u3002</p></li><li><p>\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C<span style=\"background-color: rgb(220, 237, 200);\">\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C</span>\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</p></li></ol></li><li><p>\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185<span style=\"color: rgb(130, 221, 175);\">\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709</span>\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002<s>\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C</s>\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002<span style=\"color: rgb(115, 181, 240);\">\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</span>\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</p></li></ol><h2 id=\"f983b68f-31d3-4997-95e9-206cccf67ca7\">\u8FD9\u4E2A\u662F\u4E00\u4E2A\u4E8C\u7EA7\u6807\u9898</h2><div data-id=\"alert_glbsomkw6q\" data-variant=\"info\" data-type=\"icon\" data-node=\"alert\"><p>\u4E8C\u7EA7\u6807\u9898\u7684\u8B66\u544A\u63D0\u793A\u6846\uFF0C\u5355\u884C\u5185\u5BB9\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</p></div><p><span style=\"color: rgb(63, 68, 65);\"><em>\u53D1\u751F\u7684\u53D1\u4E86\u5723\u8BDE\u8282\u9022\u5C71\u5F00\u8DEF\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</em></span></p><video class=\"video-wrapper\" src=\"/static-file/aa8fc65a-bea8-4106-a653-619e4daf5367/b9c9ca65-7412-4e09-b739-ed6f9360d8e0.mp4\" controls=\"true\" width=\"1375\"></video><h2 id=\"e3ceabee-1c6b-42dd-92a3-65a530b42cd8\">\u8FD8\u662F\u4E00\u4E2A\u4E8C\u7EA7\u6807\u9898\uFF01</h2><p>\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</p><details class=\"cq-details\" open=\"\"><summary class=\"cq-details-summary\">\u6298\u53E0\u9762\u677F\u6807\u9898\uFF1A\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</summary><div class=\"cq-details-content\" data-type=\"detailsContent\"><h6 id=\"059a31bb-de5b-42a3-a035-6afcb537c83d\">\u516D\u7EA7\u6807\u9898 H6</h6><p>\u6B64\u5904\u4E3A\u5185\u5BB9\u533A\u57DF\uFF0C\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</p><p><img src=\"/static-file/9134bd1e-8568-48b0-88f9-42027a98c200/84fec93d-43d3-4891-a9a7-244a201cf738.gif\" width=\"300\"><img src=\"/static-file/634d2b46-feef-455d-92f2-07f97073db98/16467c5e-7509-4707-a97b-3bdfaf270b97.gif\" width=\"300\"><img src=\"/static-file/39e7c942-194f-4149-a735-9584d664b691/e1ec5a4a-fdc5-43ae-b13f-bf9000598690.gif\" width=\"300\"></p><hr><h6 id=\"1690714a-8b2b-4294-8b04-8bc1158269b2\">\u516D\u7EA7\u6807\u9898 h6</h6><p><span style=\"background-color: rgb(231, 189, 255);\">\u5427\u5566\u5427\u963F\u91CC\u6B64\u5904\u4E3A\u5185\u5BB9\u533A\u57DF\uFF0C</span><span style=\"background-color: rgb(255, 224, 178);\">\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C</span><span style=\"background-color: rgb(248, 187, 208);\">\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</span><span style=\"background-color: rgb(240, 236, 179);\">\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C</span><span style=\"background-color: rgb(255, 204, 188);\">\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</span>\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C<span style=\"background-color: rgb(179, 229, 252);\">\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</span>\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C<span style=\"background-color: rgb(200, 230, 201);\">\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</span>\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C<span style=\"background-color: rgb(187, 222, 251);\">\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</span>\u6B64\u5904\u4E3A\u5185\u5BB9\u533A\u57DF\uFF0C<span style=\"background-color: rgb(220, 237, 200);\">\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C</span>\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C<span style=\"background-color: rgba(42, 123, 83, 0.67); color: rgb(255, 255, 255);\">\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981</span>\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C</p><div data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"/static-file/cb70d61c-3aeb-43b9-ad5f-128974eff555/db4b6a53-730d-461a-8488-11b7e528d7dd.md\" data-title=\"\u96F7\u6C60\u793E\u533A\u7248\u81EA\u52A8SSL.md\" data-size=\"2.85 KB\"></div><div data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"/static-file/14d6c511-e942-4664-92eb-32b6b8ee0ccf/ad8e0b68-cf19-4fb9-becc-cb10333c7d03.md\" data-title=\"\u8EAB\u4EFD\u8BA4\u8BC1 - CAS.md\" data-size=\"2.79 KB\"></div><p>\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002<span style=\"vertical-align: bottom; font-size: 24px;\">\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C</span>\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002<span style=\"vertical-align: top; font-size: 10px;\">\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</span>\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6B64\u5904\u4E3A\u5185\u5BB9\u533A\u57DF\uFF0C\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</p><iframe class=\"iframe-wrapper\" width=\"1261\" height=\"743\" src=\"https://47.104.180.36:2443/\" frameborder=\"0\" allowfullscreen=\"true\" autoplay=\"0\" loop=\"0\"></iframe><p>\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6B64\u5904\u4E3A\u5185\u5BB9\u533A\u57DF\uFF0C\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C</p><div data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"/static-file/e919dac5-f275-468e-b52b-ca7dc4b46030/270b9ee9-bc19-4dbe-b619-e04186fbc09d.md\" data-title=\"\u767E\u5DDD\u7F51\u7AD9\u76D1\u6D4B.md\" data-size=\"1.14 KB\"></div><p>\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</p><div class=\"tableWrapper\"><table style=\"width: 1146px;\"><colgroup><col style=\"width: 571px;\"><col style=\"width: 165px;\"><col style=\"width: 196px;\"><col style=\"width: 214px;\"></colgroup><tbody><tr class=\"table-row\"><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"571\"><p style=\"text-align: center;\">fasdjklf</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"165\"><p style=\"text-align: center;\">fsdajkl</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"196\"><p style=\"text-align: center;\">fjklsdajfl</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"214\"><p style=\"text-align: center;\">fjdsakljk</p></th></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" colwidth=\"571\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p style=\"text-align: center;\">\u53D1\u5927\u5BB6\u6492\u5FEB\u4E50\u98DE\u673A\u554A\u6536\u5230\u5566\u5F00\u53D1\u5EFA\u8BBE\u5361\u5FB7\u7F57\u592B\u5C31\u554A\u6570\u91CF\u7684\u98DE\u673A\u963F\u91CC\u65AF\u987F\u8FDB\u6765\u770B</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"165\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p style=\"text-align: center;\">12</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"196\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p style=\"text-align: center;\">2342</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"214\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p style=\"text-align: center;\">239</p></td></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" colwidth=\"571\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p style=\"text-align: center;\">\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002\u6587\u6863\u5185\u5BB9\u4E3A\u65E0\u610F\u4E49\u4E71\u7801\uFF0C\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981\u3002</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"165\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p style=\"text-align: center;\">2332</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"196\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p style=\"text-align: center;\">232</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"214\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p style=\"text-align: center;\">9438</p></td></tr></tbody></table></div></div></details><h2 id=\"84cd9c21-dd66-418b-997d-1c9024e23d99\">\u53C8\u4E00\u4E2A\u4E8C\u7EA7\u6807\u9898</h2><h3 id=\"f21105ce-61ff-4542-98e6-9a6bbe1c3350\">\u4E09\u7EA7\u6807\u9898 1\uFF1A\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981</h3><div data-latex=\"int_{-infty}^{infty} e^{-x^2} dx = sqrt{pi}\" data-type=\"block-math\"></div><h3 id=\"b8e6c105-1131-4c69-9251-256679f6bcca\">\u4E09\u7EA7\u6807\u9898 2\uFF1A\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981</h3><pre><code>&lt;!doctype html&gt;\n&lt;html lang=\"en\"&gt;\n\n&lt;head&gt;\n  &lt;meta charset=\"UTF-8\" /&gt;\n  &lt;link rel=\"icon\" type=\"image/svg+xml\" href=\"/logo.png\" /&gt;\n  &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /&gt;\n  &lt;title&gt;PandaWiki&lt;/title&gt;\n  &lt;link rel=\"stylesheet\" href=\"/panda-wiki.css\"&gt;\n&lt;/head&gt;\n\n&lt;body&gt;\n  &lt;div id=\"root\"&gt;&lt;/div&gt;\n  &lt;script type=\"module\" src=\"/src/main.tsx\"&gt;&lt;/script&gt;\n&lt;/body&gt;\n\n&lt;/html&gt;</code></pre><h3 id=\"c3c5e4b3-1827-4583-8099-0d1ff0c87af6\">\u4E09\u7EA7\u6807\u9898 3\uFF1A\u65E0\u6CD5\u751F\u6210\u6709\u6548\u6458\u8981</h3><div class=\"tableWrapper\"><table style=\"width: 1739px;\"><colgroup><col style=\"width: 188px;\"><col style=\"width: 207px;\"><col style=\"width: 162px;\"><col style=\"width: 198px;\"><col style=\"width: 202px;\"><col style=\"width: 141px;\"><col style=\"width: 132px;\"><col style=\"width: 172px;\"><col style=\"width: 178px;\"><col style=\"width: 159px;\"></colgroup><tbody><tr class=\"table-row\"><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"188\"><p>\u5C06\u5723\u8BDE\u5FEB\u4E50</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"207\"><p>\u98DE\u673A\u5566\u6DF1\u523B\u7684\u53D1</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"162\"><p>\u98DE\u673A\u901F\u5EA6\u5FEB\u5566&nbsp;</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"198\"><p>\u53D1\u6492\u5C3D\u91CF\u5206\u5F00\u7684</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"202\"><p>\u98DE\u673A\u7684\u5FEB\u4E50\u6492</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"141\"><p>\u98DE\u673A\u6536\u5230\u4E86\u5361</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"132\"><p>\u98DE\u673A\u7684\u65F6\u7A7A\u8DDD\u79BB</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"172\"><p>\u53D1\u5927\u6C34\u5566\u5FEB\u5C31\u53D1\u751F\u4E86\u7A7A\u95F4\u6D6A\u8D39</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"178\"><p>\u98DE\u673A\u7684\u7D22\u79D1\u6D1B\u592B\u5C31\u6765\u5237\u5361\u89E3\u653E\u5FEB\u4E50\u6492</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"159\"><p>\u53D1\u751F\u5C3D\u91CF\u5FEB\u70B9</p></th></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" colwidth=\"188\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u6EF4\u6F0F\u5F0F\u5496\u5561\u673A\u963F\u91CC\u98DE\u673A\u6EF4\u6F0F\u5F0F\u5496\u5561\u673A\u6536\u5230\u4E86</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"207\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u98DE\u673A\u5566\u5F00\u59CB\u51CF\u80A5\u4E86\u4E0A\u98DE\u673A\u4E86\u6492\u98DE\u673A\u963F\u675C\u91CC\u65AF\u98DE\u673A\u4E86</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"162\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u4E86\u5FEB\u4E09\u5927\u89E3\u653E\u4E86</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"198\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u5230\u4E86\u6492\u770B\u89E3\u653E\u8DEF\u53E3</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"202\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u4E86\u770B\u5230\u6492\u5A07\u53D1\u6765\u7684\u5FEB\u6492\u89E3\u653E\u62C9\u5361\u5723\u8BDE\u8282\u53D1\u4E86\u7761\u89C9\u4E86</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"141\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u4E86\u5C31\u770B\u5230\u6492\u5A07\u53D1\u4E86\u5FEB</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"132\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u8FDB\u6765\u770B\u53D1\u5566\u6DF1\u523B\u7684\u89E3\u653E</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"172\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u4E86\u5C31\u5F00\u59CB\u6253</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"178\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u4E86\u5361\u5723\u8BDE\u8282\u53D1\u5566\u65F6\u4EE3\u5CF0\u5CFB\u7684\u62C9\u5361\u4E0A\u98DE\u673A\u4E86</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"159\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u8DEF\u53E3\u53D1\u6492\u51E0\u70B9\u4E86\u5496\u5561</p></td></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" colwidth=\"188\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u4E86\u624B\u673A\u5361\u7684\u89E3\u653E\u5566\u5723\u8BDE\u8282\u53D1\u4E86\u5FEB\u6492\u98DE\u673A\u963F\u91CC\u4E0A\u98DE\u673A\u554A\u4E0A\u6765\u7684\u5FEB</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"207\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u4E86\u5FEB\u5927\u6C34\u89E3\u653E\u8DEF\u53E3</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"162\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u5C31\u53D1\u4E86\u770B\u5230\u6492\u5A07\u5FEB\u75AF\u4E86\u5723\u8BDE\u8282\u53D1\u4E86\u6492\u53D1</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"198\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u4E86\u98DE\u673A\u7684\u6492\u5F00\u5C31\u53D1\u4E86\u75AF\u4E86</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"202\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u5F17\u8428\u7684\u5FEB\u4E50\u98DE\u673A\u4E86\u5723\u8BDE\u8282\u53D1\u4E86\u6492\u5927\u89E3\u653E\u4E86</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"141\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u6492\u5C3D\u91CF\u5FEB\u70B9</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"132\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u98DE\u673A\u5566\u6DF1\u523B\u7684</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"172\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u4E66\u6CD5\u5BB6</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"178\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u98DE\u673A\u4E0A\u770B\u5566\u5927\u5BB6</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"159\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u5230\u624B\u673A\u5361</p></td></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" colwidth=\"188\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u98DE\u673A\u770B\u5566\u5723\u8BDE\u8282\u53D1</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"207\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u89E3\u653E\u5566\u6DF1\u523B</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"162\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u526F\u4E66\u8BB0</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"198\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u751F\u7B80\u5355\u5566\u5FEB\u653E\u5047\u4E86\u7684\u6492</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"202\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u751F\u7684\u63A5\u53E3</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"141\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u6492\u5230\u5BB6\u4E50\u798F</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"132\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u6492\u5C3D\u91CF\u5FEB</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"172\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u6492\u6765\u7684\u5FEB\u653E\u5047\u4E86\u5FEB\u6492\u5927\u5E45\u62C9\u5347\u8DEF\u53E3\u98DE\u673A\u554A\u6536\u5230\u4E86</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"178\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u6492\u8DEF\u53E3\u5C31\u5230</p></td><td colspan=\"1\" rowspan=\"1\" colwidth=\"159\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u53D1\u6492\u7684\u5FEB\u4E50\u98DE\u673A\u963F\u91CC\u65AF\u987F\u5F00\u98DE\u673A\u5927\u6C34\u8DEF\u53E3\u98DE\u673A\u554A\u4E0A\u4E86</p></td></tr></tbody></table></div><p></p>"
     }),
     editor = _useTiptap.editor;
   return /*#__PURE__*/React.createElement(EditorThemeProvider, {
     mode: "light"
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "contained",
+    onClick: function onClick() {
+      editor.commands.extendMarkRange('code', {
+        multiselect: true
+      });
+    }
+  }, "\u6D4B\u8BD5\u4E00\u4E0B"), /*#__PURE__*/React.createElement(Box, {
     sx: {
       border: '1px solid #eee',
       borderRadius: '10px',

package/dist/Editor/index.js

@@ -2,7 +2,7 @@ import "core-js/modules/es.array.find-last.js";
 import { EditorContent } from '@tiptap/react';
 import React from 'react';
 import { PhotoProvider } from 'react-photo-view';
-import SelectionText from "../component/CustomBubbleMenu/SelectionText";
+import CustomBubbleMenu from "../component/CustomBubbleMenu";
 import CustomDragHandle from "../component/CustomDragHandle";
 
 // fix: https://github.com/ueberdosis/tiptap/issues/6785
@@ -54,7 +54,7 @@ var Editor = function Editor(_ref) {
         d: "M565.5 202.5l75-75v225h-225l103.5-103.5c-34.5-34.5-82.5-57-135-57-106.5 0-192 85.5-192 192s85.5 192 192 192c84 0 156-52.5 181.5-127.5h66c-28.5 111-127.5 192-247.5 192-141 0-255-115.5-255-256.5s114-256.5 255-256.5c70.5 0 135 28.5 181.5 75z"
       })));
     }
-  }, /*#__PURE__*/React.createElement(SelectionText, {
+  }, /*#__PURE__*/React.createElement(CustomBubbleMenu, {
     editor: editor,
     more: menuInBubbleMenu
   }), /*#__PURE__*/React.createElement(CustomDragHandle, {

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 { AiGenerate2Icon, ArrowGoBackLineIcon, ArrowGoForwardLineIcon, BoldIcon, EraserLineIcon, ItalicIcon, LinkIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, UnderlineIcon } from "../component/Icons";
+import { AiGenerate2Icon, ArrowGoBackLineIcon, ArrowGoForwardLineIcon, BoldIcon, EraserLineIcon, ItalicIcon, LinkIcon, MarkPenLineIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, UnderlineIcon } from "../component/Icons";
 import { EditorAlignSelect, EditorFontBgColor, EditorFontColor, EditorFontSize, EditorHeading, EditorInsert, EditorListSelect, EditorMore, EditorVerticalAlignSelect, ToolbarItem } from "../component/Toolbar";
 var EditorToolbar = function EditorToolbar(_ref) {
   var editor = _ref.editor,
@@ -27,7 +27,8 @@ var EditorToolbar = function EditorToolbar(_ref) {
       link: false,
       alert: false,
       iframe: false,
-      aiWriting: false
+      aiWriting: false,
+      highlight: false
     }),
     _useState2 = _slicedToArray(_useState, 2),
     active = _useState2[0],
@@ -50,7 +51,8 @@ var EditorToolbar = function EditorToolbar(_ref) {
       link: editor.isActive('link'),
       alert: editor.isActive('alert'),
       iframe: editor.isActive('iframe'),
-      aiWriting: !!((_editor$storage = editor.storage) !== null && _editor$storage !== void 0 && (_editor$storage = _editor$storage.aiWriting) !== null && _editor$storage !== void 0 && _editor$storage.enabled)
+      aiWriting: !!((_editor$storage = editor.storage) !== null && _editor$storage !== void 0 && (_editor$storage = _editor$storage.aiWriting) !== null && _editor$storage !== void 0 && _editor$storage.enabled),
+      highlight: editor.isActive('highlight')
     });
   };
   useEffect(function () {
@@ -221,6 +223,18 @@ var EditorToolbar = function EditorToolbar(_ref) {
       return editor.chain().focus().toggleUnderline().run();
     },
     className: active.underline ? 'tool-active' : ''
+  }), /*#__PURE__*/React.createElement(ToolbarItem, {
+    tip: '高亮',
+    shortcutKey: ['ctrl', 'shift', 'H'],
+    icon: /*#__PURE__*/React.createElement(MarkPenLineIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    onClick: function onClick() {
+      return editor.chain().focus().toggleHighlight().run();
+    },
+    className: active.highlight ? 'tool-active' : ''
   }), /*#__PURE__*/React.createElement(ToolbarItem, {
     tip: '上标',
     shortcutKey: ['ctrl', '.'],

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

@@ -0,0 +1,9 @@
+import { MenuItem } from "../../type";
+import { Editor } from '@tiptap/react';
+import React from 'react';
+export interface CustomBubbleMenuProps {
+    editor: Editor;
+    more?: MenuItem[];
+}
+declare const CustomBubbleMenu: ({ editor, more }: CustomBubbleMenuProps) => React.JSX.Element | null;
+export default CustomBubbleMenu;

package/dist/component/CustomBubbleMenu/index.js

@@ -0,0 +1,209 @@
+import { BoldIcon, CodeLineIcon, EraserLineIcon, ItalicIcon, LinkIcon, MarkPenLineIcon, StrikethroughIcon, UnderlineIcon } from "../Icons";
+import { hasMarksInSelection } from "../../util";
+import { Paper, Stack } from '@mui/material';
+import { useEditorState } from '@tiptap/react';
+import { BubbleMenu } from '@tiptap/react/menus';
+import React from 'react';
+import { ToolbarItem } from "../Toolbar";
+var CustomBubbleMenu = function CustomBubbleMenu(_ref) {
+  var editor = _ref.editor,
+    more = _ref.more;
+  // const theme = useTheme()
+
+  // const 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,
+  // ]
+
+  // const THEME_TEXT_BG_COLOR = [
+  //   '#e7bdff',
+  //   '#FFE0B2',
+  //   '#F8BBD0',
+  //   '#FFCDD2',
+  //   '#FFECB3',
+  //   '#FFCCBC',
+  //   '#B3E5FC',
+  //   '#C8E6C9',
+  //   '#B2EBF2',
+  //   '#BBDEFB',
+  //   '#DCEDC8',
+  // ]
+
+  var _useEditorState = useEditorState({
+      editor: editor,
+      selector: function selector(ctx) {
+        return {
+          isBold: ctx.editor.isActive('bold'),
+          isItalic: ctx.editor.isActive('italic'),
+          isStrike: ctx.editor.isActive('strike'),
+          isUnderline: ctx.editor.isActive('underline'),
+          isCode: ctx.editor.isActive('code'),
+          isHighlight: ctx.editor.isActive('highlight'),
+          hasAnyMarks: ctx.editor.state.selection.empty ? ctx.editor.state.selection.$from.marks().length > 0 : hasMarksInSelection(ctx.editor.state)
+          // isSuperscript: ctx.editor.isActive('superscript'),
+          // isSubscript: ctx.editor.isActive('subscript'),
+        };
+      }
+    }),
+    isBold = _useEditorState.isBold,
+    isItalic = _useEditorState.isItalic,
+    isStrike = _useEditorState.isStrike,
+    isUnderline = _useEditorState.isUnderline,
+    isCode = _useEditorState.isCode,
+    isHighlight = _useEditorState.isHighlight,
+    hasAnyMarks = _useEditorState.hasAnyMarks;
+  if (editor && !editor.isEditable) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(BubbleMenu, {
+    editor: editor,
+    pluginKey: 'bubble-menu',
+    updateDelay: 750,
+    options: {
+      placement: 'bottom',
+      offset: 8,
+      flip: true
+    },
+    shouldShow: function shouldShow() {
+      // 表格多选单元格时禁止弹出气泡菜单
+      // if (editor.state.selection.constructor.name === '_CellSelection') {
+      //   const cellSelection = editor.state.selection as any;
+      //   if (cellSelection.ranges.length > 1) {
+      //     return false
+      //   }
+      //   if (cellSelection.$anchorCell && cellSelection.$headCell) {
+      //     return cellSelection.$anchorCell.pos !== cellSelection.$headCell.pos;
+      //   }
+      // }
+      if (editor.state.selection.empty || editor.isActive('image') || editor.isActive('video') || editor.isActive('audio') || editor.isActive('emoji') || editor.isActive('codeBlock') || editor.isActive('blockMath') || editor.isActive('inlineMath') || editor.isActive('blockLink') || editor.isActive('inlineLink') || editor.isActive('blockAttachment') || editor.isActive('inlineAttachment') || editor.isActive('horizontalRule') || editor.isActive('iframe')) {
+        return false;
+      }
+      return true;
+    }
+  }, /*#__PURE__*/React.createElement(Paper, {
+    sx: {
+      p: 0.5,
+      borderRadius: 'var(--mui-shape-borderRadius)'
+    }
+  }, /*#__PURE__*/React.createElement(Stack, {
+    direction: 'row',
+    alignItems: 'center'
+  }, /*#__PURE__*/React.createElement(ToolbarItem, {
+    tip: "\u52A0\u7C97",
+    shortcutKey: ['ctrl', 'B'],
+    icon: /*#__PURE__*/React.createElement(BoldIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    onClick: function onClick() {
+      return editor.chain().focus().toggleBold().run();
+    },
+    className: isBold ? "tool-active" : ""
+  }), /*#__PURE__*/React.createElement(ToolbarItem, {
+    tip: "\u659C\u4F53",
+    shortcutKey: ['ctrl', 'I'],
+    icon: /*#__PURE__*/React.createElement(ItalicIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    onClick: function onClick() {
+      return editor.chain().focus().toggleItalic().run();
+    },
+    className: isItalic ? "tool-active" : ""
+  }), /*#__PURE__*/React.createElement(ToolbarItem, {
+    tip: "\u5220\u9664\u7EBF",
+    shortcutKey: ['ctrl', 'shift', 'S'],
+    icon: /*#__PURE__*/React.createElement(StrikethroughIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    onClick: function onClick() {
+      return editor.chain().focus().toggleStrike().run();
+    },
+    className: isStrike ? "tool-active" : ""
+  }), /*#__PURE__*/React.createElement(ToolbarItem, {
+    tip: "\u4E0B\u5212\u7EBF",
+    shortcutKey: ['ctrl', 'U'],
+    icon: /*#__PURE__*/React.createElement(UnderlineIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    onClick: function onClick() {
+      return editor.chain().focus().toggleUnderline().run();
+    },
+    className: isUnderline ? "tool-active" : ""
+  }), /*#__PURE__*/React.createElement(ToolbarItem, {
+    tip: "\u9AD8\u4EAE",
+    shortcutKey: ['ctrl', 'shift', 'H'],
+    icon: /*#__PURE__*/React.createElement(MarkPenLineIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    onClick: function onClick() {
+      return editor.chain().focus().toggleHighlight().run();
+    },
+    className: isHighlight ? "tool-active" : ""
+  }), /*#__PURE__*/React.createElement(ToolbarItem, {
+    tip: "\u884C\u5185\u4EE3\u7801",
+    shortcutKey: ['ctrl', 'E'],
+    icon: /*#__PURE__*/React.createElement(CodeLineIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    onClick: function onClick() {
+      return editor.chain().focus().toggleCode().run();
+    },
+    className: isCode ? "tool-active" : ""
+  }), /*#__PURE__*/React.createElement(ToolbarItem, {
+    tip: "\u6587\u672C\u683C\u5F0F\u5316",
+    icon: /*#__PURE__*/React.createElement(EraserLineIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    onClick: function onClick() {
+      return editor.chain().focus().unsetAllMarks().run();
+    },
+    disabled: !hasAnyMarks
+  }), /*#__PURE__*/React.createElement(ToolbarItem, {
+    tip: "\u63D2\u5165\u94FE\u63A5",
+    icon: /*#__PURE__*/React.createElement(LinkIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    onClick: function onClick() {
+      var selection = editor.state.selection;
+      var start = selection.from;
+      var end = selection.to;
+      var text = editor.state.doc.textBetween(start, end, '');
+      editor.chain().focus().setInlineLink({
+        href: '',
+        title: text
+      }).run();
+    }
+  }), more === null || more === void 0 ? void 0 : more.map(function (item) {
+    return /*#__PURE__*/React.createElement(ToolbarItem, {
+      key: item.key,
+      tip: item.label,
+      icon: item.icon || /*#__PURE__*/React.createElement(React.Fragment, null),
+      onClick: item.onClick
+    });
+  }))));
+};
+export default CustomBubbleMenu;

package/dist/component/CustomDragHandle/index.js

@@ -24,7 +24,7 @@ import DragHandle from '@tiptap/extension-drag-handle-react';
 import { Fragment, Slice } from '@tiptap/pm/model';
 import { NodeSelection } from '@tiptap/pm/state';
 import React, { useCallback, useState } from 'react';
-import { convertNodeAt, downloadFiles, filterResourcesByType, getAllResources, getShortcutKeyText } from "../../util";
+import { convertNodeAt, downloadFiles, filterResourcesByType, getAllResources, getShortcutKeyText, hasMarksInSelection } from "../../util";
 import Menu from "../Menu";
 import { ToolbarItem } from "../Toolbar";
 var DragIcon = function DragIcon(_ref) {
@@ -243,7 +243,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
   var updateNodeChange = useCallback(function (data) {
     var _data$node, _current$node2;
     if ((data.pos !== current.pos || ((_data$node = data.node) === null || _data$node === void 0 ? void 0 : _data$node.type.name) !== ((_current$node2 = current.node) === null || _current$node2 === void 0 ? void 0 : _current$node2.type.name)) && data.pos !== -1 || data.node === null && data.pos >= 0) {
-      var _data$node2, _editor$can$chain$uns;
+      var _data$node2;
       var allResources = data.node ? getAllResources(data.node) : [];
       var videos = filterResourcesByType(allResources, [NodeTypeEnum.Video]);
       var audios = filterResourcesByType(allResources, [NodeTypeEnum.Audio]);
@@ -257,7 +257,8 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
         images: images,
         attachments: attachments
       });
-      setShowFormat((_editor$can$chain$uns = editor.can().chain().unsetAllMarks().run()) !== null && _editor$can$chain$uns !== void 0 ? _editor$can$chain$uns : false);
+      var hasMarks = hasMarksInSelection(current.editor.state);
+      setShowFormat(!hasMarks);
     }
   }, [current.pos, current.node]);
   return /*#__PURE__*/React.createElement(DragHandle, {
@@ -594,7 +595,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
             color: 'text.secondary',
             fontWeight: 'bold'
           }
-        }, "\u80CC\u666F\u989C\u8272"),
+        }, "\u6587\u5B57\u80CC\u666F\u989C\u8272"),
         key: 'background-color'
       }], _toConsumableArray(THEME_TEXT_BG_COLOR.map(function (it) {
         return {
@@ -614,7 +615,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
             if (current.node && current.pos !== undefined) {
               var from = current.pos;
               var to = current.pos + current.node.nodeSize;
-              current.editor.chain().setTextSelection({
+              current.editor.chain().focus().setTextSelection({
                 from: from,
                 to: to
               }).setBackgroundColor(it.value).run();
@@ -1387,7 +1388,16 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
         }
       }),
       onClick: function onClick() {
-        current.editor.chain().focus().unsetAllMarks().run();
+        if (current.node && current.pos !== undefined) {
+          var _current$node18;
+          var selection = current.editor.commands.setTextSelection({
+            from: current.pos,
+            to: current.pos + ((_current$node18 = current.node) === null || _current$node18 === void 0 ? void 0 : _current$node18.nodeSize)
+          });
+          if (selection) {
+            current.editor.chain().unsetAllMarks().focus(current.pos - 1).run();
+          }
+        }
       }
     }] : []))
   }) : /*#__PURE__*/React.createElement(DragIcon, null)));

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

@@ -83,6 +83,7 @@ export { ListCheck2Icon } from './list-check-2-icon';
 export { ListCheck3Icon } from './list-check-3-icon';
 export { ListOrdered2Icon } from './list-ordered-2-icon';
 export { ListUnorderedIcon } from './list-unordered-icon';
+export { MarkPenLineIcon } from './mark-pen-line-icon';
 export { MarkdownLineIcon } from './markdown-line-icon';
 export { MarkupLineIcon } from './markup-line-icon';
 export { MenuFold2FillIcon } from './menu-fold-2-fill-icon';

package/dist/component/Icons/index.js

@@ -86,6 +86,7 @@ export { ListCheck2Icon } from "./list-check-2-icon";
 export { ListCheck3Icon } from "./list-check-3-icon";
 export { ListOrdered2Icon } from "./list-ordered-2-icon";
 export { ListUnorderedIcon } from "./list-unordered-icon";
+export { MarkPenLineIcon } from "./mark-pen-line-icon";
 export { MarkdownLineIcon } from "./markdown-line-icon";
 export { MarkupLineIcon } from "./markup-line-icon";
 export { MenuFold2FillIcon } from "./menu-fold-2-fill-icon";

package/dist/component/Icons/mark-pen-line-icon.d.ts

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

package/dist/component/Icons/mark-pen-line-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 MarkPenLineIcon = function MarkPenLineIcon(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: "M15.2427 4.5115L8.50547 11.2487L7.79836 13.37L6.7574 14.411L9.58583 17.2394L10.6268 16.1985L12.7481 15.4914L19.4853 8.75414L15.2427 4.5115ZM21.6066 8.04704C21.9972 8.43756 21.9972 9.07073 21.6066 9.46125L13.8285 17.2394L11.7071 17.9465L10.2929 19.3607C9.90241 19.7513 9.26925 19.7513 8.87872 19.3607L4.63608 15.1181C4.24556 14.7276 4.24556 14.0944 4.63608 13.7039L6.0503 12.2897L6.7574 10.1684L14.5356 2.39018C14.9261 1.99966 15.5593 1.99966 15.9498 2.39018L21.6066 8.04704ZM15.2427 7.33993L16.6569 8.75414L11.7071 13.7039L10.2929 12.2897L15.2427 7.33993ZM4.28253 16.8859L7.11096 19.7143L5.69674 21.1285L1.4541 19.7143L4.28253 16.8859Z"
+  }));
+};
+MarkPenLineIcon.displayName = 'icon-mark-pen-line';

package/dist/component/Toolbar/EditorFontSize.js

@@ -23,9 +23,12 @@ var EditorFontSize = function EditorFontSize(_ref) {
     return it.toString();
   });
   var updateFontSize = function updateFontSize() {
-    var _attrs$fontSize;
+    var _attrs$fontSize, _attrs$fontSize2;
     var attrs = editor.getAttributes('textStyle');
-    var fontSize = (_attrs$fontSize = attrs.fontSize) === null || _attrs$fontSize === void 0 ? void 0 : _attrs$fontSize.replace('px', '').replace('pt', '');
+    var fontSize = ((_attrs$fontSize = attrs.fontSize) === null || _attrs$fontSize === void 0 ? void 0 : _attrs$fontSize.replace('px', '').replace('pt', '')) || '';
+    if (fontSize.length > 0 && (_attrs$fontSize2 = attrs.fontSize) !== null && _attrs$fontSize2 !== void 0 && _attrs$fontSize2.includes('pt')) {
+      fontSize = fontSize * 4 / 3;
+    }
     if (fontSize) {
       setSelectedValue(fontSize);
       return;

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

@@ -102,6 +102,7 @@ var AlertView = function AlertView(_ref) {
   }, variantData.icon), /*#__PURE__*/React.createElement(Box, {
     sx: {
       flex: 1,
+      width: 0,
       'code': {
         borderColor: attrs.variant === 'default' ? '' : "color-mix(in srgb, ".concat(variantData.color, " 30%, transparent) !important"),
         bgcolor: attrs.variant === 'default' ? '' : "color-mix(in srgb, ".concat(variantData.color, " 10%, transparent) !important")

package/dist/extension/index.js

@@ -11,6 +11,7 @@ import Superscript from '@tiptap/extension-superscript';
 import TextAlign from '@tiptap/extension-text-align';
 import { TextStyleKit } from '@tiptap/extension-text-style';
 import { CharacterCount, Placeholder } from '@tiptap/extensions';
+import { Markdown } from '@tiptap/markdown';
 import StarterKit from '@tiptap/starter-kit';
 import { PLACEHOLDER } from "../contants/placeholder";
 import { AiWritingExtension, SlashCommands, StructuredDiffExtension } from "./extension";
@@ -41,25 +42,28 @@ export var getExtensions = function getExtensions(_ref) {
       color: 'var(--mui-palette-primary-main)',
       width: 2
     }
-  }), ListExtension, TextAlign.configure({
+  }), TextAlign.configure({
     types: ['heading', 'paragraph']
   }), VerticalAlign.configure({
     types: ['textStyle'],
     defaultAlignment: null
-  }), CodeBlockLowlightExtension, CharacterCount.configure({
+  }), TextStyleKit.configure({
+    backgroundColor: {
+      types: ['textStyle']
+    }
+  }), ListExtension, CodeBlockLowlightExtension, CharacterCount.configure({
     limit: limit !== null && limit !== void 0 ? limit : null
-  }), Subscript, Superscript, TextStyleKit, Indent.configure({
-    types: [
-    // 常见块级与项目中定义的节点
-    'paragraph', 'heading', 'blockquote', 'alert', 'codeBlock', 'horizontalRule', 'orderedList', 'bulletList', 'taskList', 'taskItem', 'listItem', 'details', 'detailsContent', 'detailsSummary', 'table', 'image', 'video', 'audio', 'iframe', 'blockAttachment', 'inlineAttachment', 'blockLink',
-    // 公式
-    'blockMath', 'inlineMath'
-    // 扩展里还有：youtube 等，如需也可开启
-    ],
+  }), Subscript, Superscript, Indent.configure({
+    types: ['paragraph', 'heading', 'blockquote', 'alert', 'codeBlock', 'horizontalRule', 'orderedList', 'bulletList', 'taskList', 'taskItem', 'listItem', 'details', 'detailsContent', 'detailsSummary', 'table', 'image', 'video', 'audio', 'iframe', 'blockAttachment', 'inlineAttachment', 'blockLink', 'blockMath', 'inlineMath'],
     maxLevel: 8,
     indentPx: 32
   }), CodeExtension, AlertExtension, Highlight.configure({
     multicolor: true
+  }), Markdown.configure({
+    indentation: {
+      style: 'space',
+      size: 2
+    }
   }), Placeholder.configure({
     emptyNodeClass: 'custom-placeholder-node',
     showOnlyWhenEditable: true,

package/dist/index.css

@@ -64,7 +64,7 @@
 
 .tiptap.ProseMirror blockquote p,
 .tiptap.ProseMirror .node-alert p {
-  margin: 0;
+  margin: 10px;
 }
 
 /* blockquote */
@@ -236,6 +236,7 @@
   width: 1.25rem;
   height: 1.5rem;
   margin-top: 0.1rem;
+  flex-shrink: 0;
   padding: 0;
 }
 
@@ -258,10 +259,11 @@
 }
 
 .tiptap.ProseMirror .cq-details>div {
+  width: 0;
+  flex: 1;
   display: flex;
   flex-direction: column;
   gap: 1rem;
-  width: 100%;
 }
 
 .tiptap.ProseMirror .cq-details>div>[data-type='detailsContent']> :last-child {
@@ -360,7 +362,6 @@
   table-layout: fixed;
   overflow: hidden;
   caption-side: top;
-  background-color: var(--mui-palette-background-paper);
   border-left: 1px dotted var(--mui-palette-divider);
 }
 
@@ -399,17 +400,12 @@
 
 /* 表格表头样式 */
 .tiptap.ProseMirror table th {
-  background-color: var(--mui-palette-background-paper3);
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   text-align: left;
 }
 
-.tiptap.ProseMirror table td {
-  background-color: var(--mui-palette-background-default);
-}
-
 .tiptap.ProseMirror[contenteditable="true"] table .selectedCell * {
   pointer-events: none;
   user-select: none;
@@ -430,7 +426,6 @@
 
 /* 表格列调整手柄 */
 .tiptap.ProseMirror[contenteditable="true"] table .column-resize-handle {
-  background-color: transparent;
   border-right: 2px dotted var(--mui-palette-primary-main);
   bottom: -2px;
   pointer-events: none;

package/dist/util/index.d.ts

@@ -5,8 +5,10 @@ export * from './linewiseConvert';
 export * from './migrateMathStrings';
 export * from './resourceExtractor';
 export * from './shortcutKey';
+import { EditorState } from '@tiptap/pm/state';
 import { Editor } from '@tiptap/react';
 export declare const formatFileSize: (bytes: number) => string;
 export declare const insertNodeAfterPosition: (editor: Editor, pos: number, nodeContent: any) => void;
+export declare const hasMarksInSelection: (state: EditorState) => boolean;
 export declare function addOpacityToColor(color: string, opacity: number): string;
 export declare const getLinkTitle: (href: string) => string;

package/dist/util/index.js

@@ -15,6 +15,19 @@ export var formatFileSize = function formatFileSize(bytes) {
 export var insertNodeAfterPosition = function insertNodeAfterPosition(editor, pos, nodeContent) {
   editor.chain().focus().insertContentAt(pos, nodeContent).run();
 };
+export var hasMarksInSelection = function hasMarksInSelection(state) {
+  var _state$selection = state.selection,
+    from = _state$selection.from,
+    to = _state$selection.to;
+  var hasMarks = false;
+  state.doc.nodesBetween(from, to, function (node) {
+    if (node.marks && node.marks.length > 0) {
+      hasMarks = true;
+      return false;
+    }
+  });
+  return hasMarks;
+};
 export function addOpacityToColor(color, opacity) {
   var red, green, blue;
   if (color.startsWith("#")) {

package/package.json

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

package/dist/component/CustomBubbleMenu/SelectionText.d.ts

@@ -1,9 +0,0 @@
-import { MenuItem } from "../../type";
-import { Editor } from '@tiptap/react';
-import React from 'react';
-export interface SelectionTextProps {
-    editor: Editor;
-    more?: MenuItem[];
-}
-declare const SelectionText: ({ editor, more }: SelectionTextProps) => React.JSX.Element | null;
-export default SelectionText;

package/dist/component/CustomBubbleMenu/SelectionText.js

@@ -1,301 +0,0 @@
-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 { BoldIcon, CodeLineIcon, ItalicIcon, LinkIcon, ResetLeftFillIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, UnderlineIcon } from "../Icons";
-import { Box, IconButton, Paper, Stack, useTheme } from '@mui/material';
-import { BubbleMenu } from '@tiptap/react/menus';
-import React, { useEffect, useState } from 'react';
-import { ToolbarItem } from "../Toolbar";
-var SelectionText = function SelectionText(_ref) {
-  var editor = _ref.editor,
-    more = _ref.more;
-  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({
-      quote: false,
-      bold: false,
-      italic: false,
-      strike: false,
-      underline: false,
-      code: false,
-      superscript: false,
-      subscript: false
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    active = _useState2[0],
-    setActive = _useState2[1];
-  var updateSelection = function updateSelection() {
-    setActive({
-      quote: editor.isActive('blockquote'),
-      bold: editor.isActive('bold'),
-      italic: editor.isActive('italic'),
-      strike: editor.isActive('strike'),
-      underline: editor.isActive('underline'),
-      code: editor.isActive('code'),
-      superscript: editor.isActive('superscript'),
-      subscript: editor.isActive('subscript')
-    });
-  };
-  useEffect(function () {
-    editor.on('selectionUpdate', updateSelection);
-    editor.on('transaction', updateSelection);
-    return function () {
-      editor.off('selectionUpdate', updateSelection);
-      editor.off('transaction', updateSelection);
-    };
-  }, [editor]);
-  if (!editor.isEditable) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(BubbleMenu, {
-    editor: editor,
-    pluginKey: 'bubble-menu',
-    updateDelay: 750,
-    options: {
-      placement: 'bottom',
-      offset: 8
-    },
-    shouldShow: function shouldShow(_ref2) {
-      var editorProps = _ref2.editor;
-      // 表格多选单元格时禁止弹出气泡菜单
-      if (editorProps.state.selection.constructor.name === '_CellSelection') {
-        var cellSelection = editorProps.state.selection;
-        if (cellSelection.ranges.length > 1) {
-          return false;
-        }
-        if (cellSelection.$anchorCell && cellSelection.$headCell) {
-          return cellSelection.$anchorCell.pos !== cellSelection.$headCell.pos;
-        }
-      }
-      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;
-    }
-  }, /*#__PURE__*/React.createElement(Paper, {
-    sx: {
-      p: 0.5,
-      borderRadius: 'var(--mui-shape-borderRadius)'
-    }
-  }, /*#__PURE__*/React.createElement(Stack, {
-    direction: 'row',
-    alignItems: 'center'
-  }, /*#__PURE__*/React.createElement(ToolbarItem, {
-    tip: "\u52A0\u7C97",
-    icon: /*#__PURE__*/React.createElement(BoldIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.chain().focus().toggleBold().run();
-    },
-    className: active.bold ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    tip: "\u659C\u4F53",
-    icon: /*#__PURE__*/React.createElement(ItalicIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.chain().focus().toggleItalic().run();
-    },
-    className: active.italic ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    tip: "\u5220\u9664\u7EBF",
-    icon: /*#__PURE__*/React.createElement(StrikethroughIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.chain().focus().toggleStrike().run();
-    },
-    className: active.strike ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    tip: "\u4E0B\u5212\u7EBF",
-    icon: /*#__PURE__*/React.createElement(UnderlineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.chain().focus().toggleUnderline().run();
-    },
-    className: active.underline ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    tip: "\u4E0A\u6807",
-    icon: /*#__PURE__*/React.createElement(SuperscriptIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.chain().focus().toggleSuperscript().run();
-    },
-    className: active.superscript ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    tip: "\u4E0B\u6807",
-    icon: /*#__PURE__*/React.createElement(SubscriptIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.chain().focus().toggleSubscript().run();
-    },
-    className: active.subscript ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    tip: "\u884C\u5185\u4EE3\u7801",
-    icon: /*#__PURE__*/React.createElement(CodeLineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.chain().focus().toggleCode().run();
-    },
-    className: active.code ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    tip: "\u63D2\u5165\u94FE\u63A5",
-    icon: /*#__PURE__*/React.createElement(LinkIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      var selection = editor.state.selection;
-      var start = selection.from;
-      var end = selection.to;
-      var text = editor.state.doc.textBetween(start, end, '');
-      editor.chain().focus().setInlineLink({
-        href: '',
-        title: text
-      }).run();
-    }
-  }), more === null || more === void 0 ? void 0 : more.map(function (item) {
-    return /*#__PURE__*/React.createElement(ToolbarItem, {
-      key: item.key,
-      tip: item.label,
-      icon: item.icon || /*#__PURE__*/React.createElement(React.Fragment, null),
-      onClick: item.onClick
-    });
-  })), /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      mt: 0.5,
-      p: 1.5,
-      borderTop: '1px solid',
-      borderColor: 'divider',
-      boxSizing: 'border-box'
-    }
-  }, /*#__PURE__*/React.createElement(Stack, {
-    direction: 'row',
-    alignItems: 'center',
-    sx: {
-      fontSize: 14,
-      mb: 0.5
-    }
-  }, /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      color: 'text.secondary'
-    }
-  }, "\u6587\u5B57\u989C\u8272"), /*#__PURE__*/React.createElement(IconButton, {
-    size: "small",
-    onClick: function onClick() {
-      editor.chain().focus().setColor('').run();
-    },
-    sx: {
-      color: 'text.disabled',
-      ':hover': {
-        color: 'primary.main'
-      }
-    }
-  }, /*#__PURE__*/React.createElement(ResetLeftFillIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }))), /*#__PURE__*/React.createElement(Stack, {
-    direction: 'row',
-    flexWrap: 'wrap',
-    gap: 0.5
-  }, THEME_TEXT_COLOR.map(function (c) {
-    return /*#__PURE__*/React.createElement(Box, {
-      key: c,
-      sx: {
-        width: '1.5rem',
-        height: '1.5rem',
-        cursor: 'pointer',
-        border: '1px solid',
-        borderColor: c === theme.palette.common.white ? 'divider' : c,
-        boxSizing: 'border-box',
-        borderRadius: 'var(--mui-shape-borderRadius)',
-        bgcolor: c,
-        transition: 'transform 0.3s',
-        '&:hover': {
-          transform: 'scale(1.05)'
-        }
-      },
-      onClick: function onClick() {
-        editor.chain().focus().setColor(c).run();
-      }
-    });
-  })), /*#__PURE__*/React.createElement(Stack, {
-    direction: 'row',
-    alignItems: 'center',
-    sx: {
-      fontSize: 14,
-      mb: 0.5,
-      mt: 2
-    }
-  }, /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      color: 'text.secondary'
-    }
-  }, "\u80CC\u666F\u989C\u8272"), /*#__PURE__*/React.createElement(IconButton, {
-    size: "small",
-    onClick: function onClick() {
-      editor.chain().focus().setBackgroundColor('').run();
-    },
-    sx: {
-      color: 'text.disabled',
-      ':hover': {
-        color: 'primary.main'
-      }
-    }
-  }, /*#__PURE__*/React.createElement(ResetLeftFillIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }))), /*#__PURE__*/React.createElement(Stack, {
-    direction: 'row',
-    flexWrap: 'wrap',
-    gap: 0.5
-  }, THEME_TEXT_BG_COLOR.map(function (c) {
-    return /*#__PURE__*/React.createElement(Box, {
-      key: c,
-      sx: {
-        width: '1.5rem',
-        height: '1.5rem',
-        cursor: 'pointer',
-        border: '1px solid',
-        borderColor: c === theme.palette.common.white ? 'divider' : c,
-        boxSizing: 'border-box',
-        borderRadius: 'var(--mui-shape-borderRadius)',
-        bgcolor: c,
-        transition: 'transform 0.3s',
-        '&:hover': {
-          transform: 'scale(1.05)'
-        }
-      },
-      onClick: function onClick() {
-        editor.chain().focus().setBackgroundColor(c).run();
-      }
-    });
-  })))));
-};
-export default SelectionText;