@ctzhian/tiptap 2.1.6 → 2.1.8

package/dist/Editor/demo.js

@@ -8,7 +8,7 @@ import React from 'react';
 import "../index.css";
 var EDITABLE = true;
 var DEFAULT_CONTENT_TYPE = 'html';
-var DEFAULT_HTML_CONTENT = "<p></p>\n<p><img src=\"https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg\" width=\"100\"></p>\n<p><img src=\"https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg\" width=\"100\"></p>\n<h6 id=\"4b8d8c4e-29dc-4674-928b-b9ded0e363ae\" data-toc-id=\"4b8d8c4e-29dc-4674-928b-b9ded0e363ae\"><span data-name=\"watch\" data-type=\"emoji\">\u231A</span> \u8868\u683C\u64CD\u4F5C</h6>\n<table><tbody><tr class=\"table-row\"><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"361\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p>\u94FE\u63A5</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p>\u590D\u6742\u6587\u672C</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p>\u56FE\u7247</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p>\u9644\u4EF6</p></th></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" colwidth=\"361\" data-background-color=\"\" data-text-align=\"center\" data-vertical-align=\"middle\" style=\"text-align: center; vertical-align: middle;\"><p><a target=\"_blank\" class=\"MuiBox-root css-1ivg9gg\" type=\"icon\" rel=\"noopener noreferrer\" title=\"\u70B9\u51FB\u6B64\u5904\u8DF3\u8F6C\" href=\"http://localhost:8000/components/editor\">\u70B9\u51FB\u6B64\u5904\u8DF3\u8F6C</a></p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" data-vertical-align=\"middle\" style=\"text-align: center; vertical-align: middle;\"><p><code>\u77E5</code><span style=\"background-color: rgb(255, 204, 188); color: rgb(90, 141, 218);\">\u529B</span><span style=\"color: rgb(90, 141, 218);\">\u4F9B</span><sup>\u5386</sup><sub>\u53F2</sub><u>\u52A8</u><s>\u5927</s><span style=\"background-color: rgb(172, 84, 84);\">\u501F</span><mark>\u7B54</mark></p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" data-vertical-align=\"middle\" style=\"text-align: center; vertical-align: middle;\"><p><img src=\"https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg\" width=\"100\"></p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" data-vertical-align=\"middle\" style=\"text-align: center; vertical-align: middle;\"><p><span data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"\u8C01\u662F\u6211\u4EEC\u7684\u654C\u4EBA.txt\" data-size=\"18.27 KB\"></span></p></td></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" colwidth=\"361\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><video src=\"https://media.w3.org/2010/05/sintel/trailer.mp4\" controls=\"true\" width=\"75%\"></video></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p></p><audio src=\"http://vjs.zencdn.net/v/oceans.mp4\" controls=\"true\"></audio></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p></p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p></p></td></tr></tbody></table>\n<p><img src=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" width=\"100\"></p>\n<h6 id=\"a025f782-910f-4f17-9d0b-8f31f9cde175\" data-toc-id=\"a025f782-910f-4f17-9d0b-8f31f9cde175\"><span data-name=\"page_facing_up\" data-type=\"emoji\">\uD83D\uDCC4</span> \u6587\u672C\u5904\u7406</h6>\n<p>PandaWiki \u662F\u4E00\u6B3E AI \u5927\u6A21<code>\u578B\u9A71\u52A8\u7684\u5F00\u6E90\u77E5\u8BC6\u5E93\u642D</code>\u5EFA\u7CFB\u7EDF\uFF0CF<strong>AQ \u3001 \u535A\u5BA2\u7CFB\u7EDF \uFF0C\u501F\u52A9\u5927\u6A21\u578B\u7684\u529B\u91CF\u4E3A\u4F60\u63D0\u4F9B AI </strong>\u521B\u4F5C \u3001 AI \u95EE\u7B54 \u3001 AI \u641C\u7D22 \u7B49\u80FD\u529B\u3002\u501F<span style=\"color: rgb(90, 141, 218);\">\u52A9\u5927\u6A21\u578B\u7684</span><span style=\"background-color: rgb(255, 204, 188); color: rgb(90, 141, 218);\">\u529B\u91CF\u4E3A\u4F60\u63D0</span><span style=\"color: rgb(90, 141, 218);\">\u4F9B AI \u521B</span>\u4F5C\u80FD\u529B\u3002PandaWiki \u662F<u>\u4E00\u6B3E AI \u5927\u6A21\u578B\u9A71\u52A8\u7684\u5F00\u6E90\u77E5\u8BC6\u5E93\u642D\u5EFA\u7CFB\u7EDF\uFF0C\u5E2E</u>\u52A9\u4F60\u5FEB\u901F\u6784\u5EFA\u667A\u80FD\u5316\u7684 <s><u>\u4EA7\u54C1\u6587\u6863\u3001\u6280\u672F</u></s>\u6587\u6863\u3001FAQ \u3001<s> \u535A\u5BA2\u7CFB\u7EDF \uFF0C\u501F\u52A9\u5927\u6A21\u578B\u7684</s>\u529B\u91CF\u7CFB\u7EDF \uFF0C<span style=\"background-color: rgb(172, 84, 84);\">\u501F\u52A9\u5927\u6A21\u578B\u7684\u529B\u91CF\u4E3A\u4F60\u63D0\u4F9B AI \u521B\u4F5C \u3001 AI \u95EE</span>\u7B54 \u3001 AI \u641C\u7D22 \u7B49\u80FD\u529B\u3002\u7684\u529B\u91CF\u4E3A<mark>\u4F60\u63D0\u4F9B AI \u521B\u4F5C \u3001 AI \u95EE\u7B54 \u3001</mark> AI \u641C\u7D22\u3002</p>\n<a target=\"_blank\" type=\"block\" href=\"http://localhost:8000/components/editor\" title=\"\u770B\u98CE\u666F\">\u770B\u98CE\u666F</a>\n<h6>\uD83D\uDCCE \u9644\u4EF6</h6>\n<div data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"\u8C01\u662F\u6211\u4EEC\u7684\u654C\u4EBA\uFF1F\u8C01\u662F\u6211\u4EEC\u7684\u670B\u53CB\uFF1F\u8FD9\u4E2A\u95EE\u9898\u662F\u9769\u547D\u7684\u9996\u8981\u95EE\u9898\u3002\u4E2D\u56FD\u8FC7\u53BB\u4E00\u5207\u9769\u547D\u6597\u4E89\u6210.txt\" data-size=\"18.27 KB\"></div>\n<p>\u884C\u5185\u9644\u4EF6\uFF1A<span data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"font_4856251_qynqqohzdp.js\" data-size=\"412.34 KB\"></span><span data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"\u96F7\u6C60\u9879\u76EE\u8BBE\u8BA1\u65B9\u6848.docx\" data-size=\"635.74 KB\"></span></p>\n<div data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"b0f4a3e0-639f-4c09-ab33-ea9417939f87.tiff\" data-size=\"3.03 MB\"></div>\n<div data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"\u957F\u4EAD\u79D1\u6280\u516C\u53F8\u4ECB\u7ECDPPT-25.07.007_\u526F\u672C.pptx\" data-size=\"40.18 MB\"></div>\n<h6><span data-name=\"loudspeaker\" data-type=\"emoji\">\uD83D\uDCE2</span> \u97F3\u9891</h6>\n<audio src=\"http://vjs.zencdn.net/v/oceans.mp4\" controls=\"true\"></audio>\n<h6 id=\"1739ed5e-f03c-4c2f-b763-37505601c935\" data-toc-id=\"1739ed5e-f03c-4c2f-b763-37505601c935\"><span data-name=\"video_camera\" data-type=\"emoji\">\uD83D\uDCF9</span> \u89C6\u9891</h6>\n<video src=\"https://media.w3.org/2010/05/sintel/trailer.mp4\" controls=\"true\" width=\"400\" data-align=\"center\"></video>\n<h6 id=\"746ea233-0e30-44a6-849a-090202217299\" data-toc-id=\"746ea233-0e30-44a6-849a-090202217299\">\u26A0\uFE0F \u8B66\u544A\u5757</h6>\n<div data-id=\"alert_5ysakwbhvqv\" data-variant=\"warning\" data-type=\"icon\" data-node=\"alert\"><p>\u6B64\u65F6\u8FD9\u662F\u4E00\u4E2A\u8B66\u544A\u5757\u3002</p></div>\n<h6 id=\"ebb64062-9efb-4de8-887f-7f8b7f9e54ca\" data-toc-id=\"ebb64062-9efb-4de8-887f-7f8b7f9e54ca\"><span data-name=\"bar_chart\" data-type=\"emoji\">\uD83D\uDCCA</span> \u6D41\u7A0B\u56FE\u64CD\u4F5C</h6>\n<div data-type=\"flow\" data-code=\"mindmap\n  root((mindmap))\n    Origins\n      Long history\n      ::icon(fa fa-book)\n      Popularisation\n        British popular psychology author Tony Buzan\n    Research\n      On effectiveness&lt;br/&gt;and features\n      On Automatic creation\n        Uses\n            Creative techniques\n            Strategic planning\n            Argument mapping\n    Tools\n      Pen and paper\n      Mermaid\" data-width=\"246px\"></div>\n";
+var DEFAULT_HTML_CONTENT = "<p></p>\n<pre data-title=\"\u5B89\u88C5\u76EE\u5F55\"><code>var a = 1;</code></pre>\n<p><img src=\"https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg\" width=\"100\"></p>\n<p><img src=\"https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg\" width=\"100\"></p>\n<h6 id=\"4b8d8c4e-29dc-4674-928b-b9ded0e363ae\" data-toc-id=\"4b8d8c4e-29dc-4674-928b-b9ded0e363ae\"><span data-name=\"watch\" data-type=\"emoji\">\u231A</span> \u8868\u683C\u64CD\u4F5C</h6>\n<table><tbody><tr class=\"table-row\"><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"361\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p>\u94FE\u63A5</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p>\u590D\u6742\u6587\u672C</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p>\u56FE\u7247</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p>\u9644\u4EF6</p></th></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" colwidth=\"361\" data-background-color=\"\" data-text-align=\"center\" data-vertical-align=\"middle\" style=\"text-align: center; vertical-align: middle;\"><p><a target=\"_blank\" class=\"MuiBox-root css-1ivg9gg\" type=\"icon\" rel=\"noopener noreferrer\" title=\"\u70B9\u51FB\u6B64\u5904\u8DF3\u8F6C\" href=\"http://localhost:8000/components/editor\">\u70B9\u51FB\u6B64\u5904\u8DF3\u8F6C</a></p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" data-vertical-align=\"middle\" style=\"text-align: center; vertical-align: middle;\"><p><code>\u77E5</code><span style=\"background-color: rgb(255, 204, 188); color: rgb(90, 141, 218);\">\u529B</span><span style=\"color: rgb(90, 141, 218);\">\u4F9B</span><sup>\u5386</sup><sub>\u53F2</sub><u>\u52A8</u><s>\u5927</s><span style=\"background-color: rgb(172, 84, 84);\">\u501F</span><mark>\u7B54</mark></p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" data-vertical-align=\"middle\" style=\"text-align: center; vertical-align: middle;\"><p><img src=\"https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg\" width=\"100\"></p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" data-vertical-align=\"middle\" style=\"text-align: center; vertical-align: middle;\"><p><span data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"\u8C01\u662F\u6211\u4EEC\u7684\u654C\u4EBA.txt\" data-size=\"18.27 KB\"></span></p></td></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" colwidth=\"361\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><video src=\"https://media.w3.org/2010/05/sintel/trailer.mp4\" controls=\"true\" width=\"75%\"></video></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p></p><audio src=\"http://vjs.zencdn.net/v/oceans.mp4\" controls=\"true\"></audio></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p></p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p></p></td></tr></tbody></table>\n<p><img src=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" width=\"100\"></p>\n<h6 id=\"a025f782-910f-4f17-9d0b-8f31f9cde175\" data-toc-id=\"a025f782-910f-4f17-9d0b-8f31f9cde175\"><span data-name=\"page_facing_up\" data-type=\"emoji\">\uD83D\uDCC4</span> \u6587\u672C\u5904\u7406</h6>\n<p>PandaWiki \u662F\u4E00\u6B3E AI \u5927\u6A21<code>\u578B\u9A71\u52A8\u7684\u5F00\u6E90\u77E5\u8BC6\u5E93\u642D</code>\u5EFA\u7CFB\u7EDF\uFF0CF<strong>AQ \u3001 \u535A\u5BA2\u7CFB\u7EDF \uFF0C\u501F\u52A9\u5927\u6A21\u578B\u7684\u529B\u91CF\u4E3A\u4F60\u63D0\u4F9B AI </strong>\u521B\u4F5C \u3001 AI \u95EE\u7B54 \u3001 AI \u641C\u7D22 \u7B49\u80FD\u529B\u3002\u501F<span style=\"color: rgb(90, 141, 218);\">\u52A9\u5927\u6A21\u578B\u7684</span><span style=\"background-color: rgb(255, 204, 188); color: rgb(90, 141, 218);\">\u529B\u91CF\u4E3A\u4F60\u63D0</span><span style=\"color: rgb(90, 141, 218);\">\u4F9B AI \u521B</span>\u4F5C\u80FD\u529B\u3002PandaWiki \u662F<u>\u4E00\u6B3E AI \u5927\u6A21\u578B\u9A71\u52A8\u7684\u5F00\u6E90\u77E5\u8BC6\u5E93\u642D\u5EFA\u7CFB\u7EDF\uFF0C\u5E2E</u>\u52A9\u4F60\u5FEB\u901F\u6784\u5EFA\u667A\u80FD\u5316\u7684 <s><u>\u4EA7\u54C1\u6587\u6863\u3001\u6280\u672F</u></s>\u6587\u6863\u3001FAQ \u3001<s> \u535A\u5BA2\u7CFB\u7EDF \uFF0C\u501F\u52A9\u5927\u6A21\u578B\u7684</s>\u529B\u91CF\u7CFB\u7EDF \uFF0C<span style=\"background-color: rgb(172, 84, 84);\">\u501F\u52A9\u5927\u6A21\u578B\u7684\u529B\u91CF\u4E3A\u4F60\u63D0\u4F9B AI \u521B\u4F5C \u3001 AI \u95EE</span>\u7B54 \u3001 AI \u641C\u7D22 \u7B49\u80FD\u529B\u3002\u7684\u529B\u91CF\u4E3A<mark>\u4F60\u63D0\u4F9B AI \u521B\u4F5C \u3001 AI \u95EE\u7B54 \u3001</mark> AI \u641C\u7D22\u3002</p>\n<a target=\"_blank\" type=\"block\" href=\"http://localhost:8000/components/editor\" title=\"\u770B\u98CE\u666F\">\u770B\u98CE\u666F</a>\n<h6>\uD83D\uDCCE \u9644\u4EF6</h6>\n<div data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"\u8C01\u662F\u6211\u4EEC\u7684\u654C\u4EBA\uFF1F\u8C01\u662F\u6211\u4EEC\u7684\u670B\u53CB\uFF1F\u8FD9\u4E2A\u95EE\u9898\u662F\u9769\u547D\u7684\u9996\u8981\u95EE\u9898\u3002\u4E2D\u56FD\u8FC7\u53BB\u4E00\u5207\u9769\u547D\u6597\u4E89\u6210.txt\" data-size=\"18.27 KB\"></div>\n<p>\u884C\u5185\u9644\u4EF6\uFF1A<span data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"font_4856251_qynqqohzdp.js\" data-size=\"412.34 KB\"></span><span data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"\u96F7\u6C60\u9879\u76EE\u8BBE\u8BA1\u65B9\u6848.docx\" data-size=\"635.74 KB\"></span></p>\n<div data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"b0f4a3e0-639f-4c09-ab33-ea9417939f87.tiff\" data-size=\"3.03 MB\"></div>\n<div data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"\u957F\u4EAD\u79D1\u6280\u516C\u53F8\u4ECB\u7ECDPPT-25.07.007_\u526F\u672C.pptx\" data-size=\"40.18 MB\"></div>\n<h6><span data-name=\"loudspeaker\" data-type=\"emoji\">\uD83D\uDCE2</span> \u97F3\u9891</h6>\n<audio src=\"http://vjs.zencdn.net/v/oceans.mp4\" controls=\"true\"></audio>\n<h6 id=\"1739ed5e-f03c-4c2f-b763-37505601c935\" data-toc-id=\"1739ed5e-f03c-4c2f-b763-37505601c935\"><span data-name=\"video_camera\" data-type=\"emoji\">\uD83D\uDCF9</span> \u89C6\u9891</h6>\n<video src=\"https://media.w3.org/2010/05/sintel/trailer.mp4\" controls=\"true\" width=\"400\" data-align=\"center\"></video>\n<h6 id=\"746ea233-0e30-44a6-849a-090202217299\" data-toc-id=\"746ea233-0e30-44a6-849a-090202217299\">\u26A0\uFE0F \u8B66\u544A\u5757</h6>\n<div data-id=\"alert_5ysakwbhvqv\" data-variant=\"warning\" data-type=\"icon\" data-node=\"alert\"><p>\u6B64\u65F6\u8FD9\u662F\u4E00\u4E2A\u8B66\u544A\u5757\u3002</p></div>\n<h6 id=\"ebb64062-9efb-4de8-887f-7f8b7f9e54ca\" data-toc-id=\"ebb64062-9efb-4de8-887f-7f8b7f9e54ca\"><span data-name=\"bar_chart\" data-type=\"emoji\">\uD83D\uDCCA</span> \u6D41\u7A0B\u56FE\u64CD\u4F5C</h6>\n<div data-type=\"flow\" data-code=\"mindmap\n  root((mindmap))\n    Origins\n      Long history\n      ::icon(fa fa-book)\n      Popularisation\n        British popular psychology author Tony Buzan\n    Research\n      On effectiveness&lt;br/&gt;and features\n      On Automatic creation\n        Uses\n            Creative techniques\n            Strategic planning\n            Argument mapping\n    Tools\n      Pen and paper\n      Mermaid\" data-width=\"246px\"></div>\n";
 var DEFAULT_MARKDOWN_CONTENT = "###### :page_facing_up: \u6587\u672C\u5904\u7406\n\nPandaWiki \u662F\u4E00\u6B3E AI \u5927\u6A21`\u578B\u9A71\u52A8\u7684\u5F00\u6E90\u77E5\u8BC6\u5E93\u642D`\u5EFA\u7CFB\u7EDF\uFF0CF**AQ \u3001 \u535A\u5BA2\u7CFB\u7EDF \uFF0C\u501F\u52A9\u5927\u6A21\u578B\u7684\u529B\u91CF\u4E3A\u4F60\u63D0\u4F9B AI **\u521B\u4F5C \u3001 AI \u95EE\u7B54 \u3001 AI \u641C\u7D22 \u7B49\u80FD\u529B\u3002\u501F\u52A9\u5927\u6A21\u578B\u7684\u529B\u91CF\u4E3A\u4F60\u63D0\u4F9B AI \u521B\u4F5C\u80FD\u529B\u3002PandaWiki \u662F++\u4E00\u6B3E AI \u5927\u6A21\u578B\u9A71\u52A8\u7684\u5F00\u6E90\u77E5\u8BC6\u5E93\u642D\u5EFA\u7CFB\u7EDF\uFF0C\u5E2E++\u52A9\u4F60\u5FEB\u901F\u6784\u5EFA\u667A\u80FD\u5316\u7684 ++~~\u4EA7\u54C1\u6587\u6863\u3001\u6280\u672F~~++\u6587\u6863\u3001FAQ \u3001~~ \u535A\u5BA2\u7CFB\u7EDF \uFF0C\u501F\u52A9\u5927\u6A21\u578B\u7684~~\u529B\u91CF\u7CFB\u7EDF \uFF0C\u501F\u52A9\u5927\u6A21\u578B\u7684\u529B\u91CF\u4E3A\u4F60\u63D0\u4F9B AI \u521B\u4F5C \u3001 AI \u95EE\u7B54 \u3001 AI \u641C\u7D22 \u7B49\u80FD\u529B\u3002\u7684\u529B\u91CF\u4E3A==\u4F60\u63D0\u4F9B AI \u521B\u4F5C \u3001 AI \u95EE\u7B54 \u3001== AI \u641C\u7D22\u3002\n\n###### :video_camera: \u89C6\u9891\n\n<video src=\"https://media.w3.org/2010/05/sintel/trailer.mp4\" width=\"400\" controls     ></video>\n\n###### \u26A0\uFE0F \u8B66\u544A\u5757\n\n:::alert {#alert_5ysakwbhvqv indent=\"0\" variant=\"warning\" type=\"icon\"}\n\n\u6B64\u65F6\u8FD9\u662F\u4E00\u4E2A\u8B66\u544A\u5757\u3002\n\n:::\n\n###### :bar_chart: \u6D41\u7A0B\u56FE\u64CD\u4F5C\n\n```mermaid\nmindmap\n  root((mindmap))\n    Origins\n      Long history\n      ::icon(fa fa-book)\n      Popularisation\n        British popular psychology author Tony Buzan\n    Research\n      On effectiveness<br/>and features\n      On Automatic creation\n        Uses\n            Creative techniques\n            Strategic planning\n            Argument mapping\n    Tools\n      Pen and paper\n      Mermaid\n```\n\n###### :watch: \u8868\u683C\u64CD\u4F5C\n\n\n| \u94FE\u63A5                                                                                          | \u590D\u6742\u6587\u672C                        | \u56FE\u7247                                                                           | \u9644\u4EF6                                                                                                                                       |\n| ------------------------------------------------------------------------------------------- | --------------------------- | ---------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- |\n| [\u70B9\u51FB\u6B64\u5904\u8DF3\u8F6C](http://localhost:8000/components/editor)                                           | `\u77E5`\u529B\u4F9B^\u5386^~\u53F2~++\u52A8++~~\u5927~~\u501F==\u7B54== | ![](https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg) | <a href=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" target=\"_blank\" download=\"\u8C01\u662F\u6211\u4EEC\u7684\u654C\u4EBA.txt\">\u8C01\u662F\u6211\u4EEC\u7684\u654C\u4EBA.txt</a> |\n| <video src=\"https://media.w3.org/2010/05/sintel/trailer.mp4\" width=\"75%\" controls ></video> | \x1F                           |                                                                              |                                                                                                                                          |\n\n\n";
 var Reader = function Reader() {
   // @ts-ignore

package/dist/EditorMarkdown/demo.js

@@ -13,7 +13,7 @@ import { Box } from '@mui/material';
 import React, { useCallback, useEffect, useState } from 'react';
 import "../index.css";
 var Reader = function Reader() {
-  var _useState = useState('![ss](/ss)'),
+  var _useState = useState("本文用以记录 Gitlab 相关问题及解答\n\n## 我在使用 `git@git.in.chaitin.net:ns/repo` 时可以访问仓库，但是 `https://git.in.chaitin.net/ns/repo` 无法访问\n\n问题通常出现 git clone 与其他依赖 git 进行的操作，如 `go get` 等，具体报错可能为 `Permission Denied`.\n\n在使用 curl 借助 `CI_JOB_TOKEN` 获取其他仓库 cicd job 产物或者 generic package 时，其具体报错为 `404 Not Found` 的问题.\n\n原因是在使用 `git@git.in.chaitin.net` 时，使用的是 ssh 协议，此时默认使用的是 `~/.ssh` 下的私钥进行认证你在 gitlab 中添加的 `SSH Keys`。而使用 `https://git.in.chaitin.net/ns/repo` 时，使用的是 http 协议，此时默认使用的是 `~/.netrc` 认证你在 gitlab 中申请的 `Access tokens`。部分软件如 `go get` 默认使用的便是 http 来拉取代码，因此需要额外配置。\n\n这里推荐两种解决方案:\n\n1. 配置 `~/.netrc` 文件(推荐)\n\n   在 ~/.netrc 文件中添加以下配置:\n\n   ```text\n   machine git.in.chaitin.net login git password <your access token>\n   ```\n\n   在 gitlab cicd job 中遇到拉取其他仓库时遇到权限问题可以使用本配置，比如可以在 job 的 `before_script` 阶段添加以下命令:\n\n   ```shell\n   echo \"machine git.in.chaitin.net login git password $CI_JOB_TOKEN\" >> ~/.netrc\n   ```\n\n   注意: 其中 `$CI_JOB_TOKEN` 是 job 运行期间生成的 token，其权限与 trigger 用户相同，详见 [CI Job Token](https://docs.gitlab.com/ci/jobs/ci_job_token/)。其 Token 权限由 `pipeline 触发者`权限以及`目标仓库权限`共同决定。因此被拉取的目标仓库也需要保证其 `Setting -> CI/CD -> Job token permissions` 配置正确，允许源仓库的 CI/CD 能够访问到该仓库，否则依然会出现如 `404 Not Found`, `403 Forbidden` 的权限问题。（如果你是 pipeline 触发者，可以手动在浏览器通过 gitlab api 访问目标仓库的 generic package 或者 job artifact 如果可以正常下载，说明是 `Job token permissions` 问题）\n\n2. 配置 `git url replace`\n\n   在 ~/.gitconfig 文件中添加以下配置:\n\n   ```ini\n   [url \"git@git.in.chaitin.net:\"]\n     insteadOf = https://git.in.chaitin.net/\n   ```\n\n   这个配置可以将所有 `https://git.in.chaitin.net/` 请求替换为 `git@git.in.chaitin.net:` 使用 ssh 来拉取代码仓库\n\n## 我在 clone gitlab 仓库时没问题，但是 lfs 遇到了 EOF 问题\n\nEOF 在大多数情况下由代理导致，如果代理不允许客户端访问某个网站，行为可能是提早结束连接，导致 `EOF` 错误。如\n\n> 在 ubunu 虚拟机里无法拉取 safeline-aliyun 项目里的 lfs 文件怎么处理？\n\n```bash\nroot@OPS-5108:~/proj/safeline-aliyun# git lfs fetch --all\nfetch: 34 object(s) found, done.\nfetch: Fetching all references...\nbatch response: Post https://git.in.chaitin.net/patronus/safeline-aliyun.git/info/lfs/objects/batch: EOF\nerror: failed to fetch some objects from 'https://git.in.chaitin.net/patronus/safeline-aliyun.git/info/lfs'\n```\n\n可以看到返回了 EOF 问题，经查代理未配置在 git config 中。从 `env` 中可以看到用户配置了 *_proxy 但其中发现 `no_proxy` 配置不正确:\n\n```shell\nroot@OPS-5108:~/proj/safeline-aliyun# env | grep pro\nno_proxy=localhost, 127.0.0.1, ::1\nPWD=/root/proj/safeline-aliyun\nftp_proxy=http://proxy.in.chaitin.net:8123\nhttps_proxy=http://proxy.in.chaitin.net:8123\nproxy=http://proxy.in.chaitin.net:8123\nhttp_proxy=http://proxy.in.chaitin.net:8123\nOLDPWD=/root/proj\n```\n\n需要按照 [代理配置](https://info.chaitin.net/colab-editor/page/%E7%A0%94%E5%8F%91%E4%BD%93%E7%B3%BB%2F%E7%A0%94%E5%8F%91%E6%94%AF%E6%8C%81%2F%E4%BB%A3%E7%90%86%E6%89%AB%E7%9B%B2) 进行正确配置后，重新执行操作，发现 EOF 问题被解决。\n\n## 我在访问公司内部服务时报错 `x509: certificate signed by unknown authority`\n\n公司部分内部服务采用自签名证书，导致客户端在访问这些服务时会遇到 `x509: certificate signed by unknown authority` 错误。为了确保客户端能够信任这些自签名证书，你需要配置信任自签名证书即 CA。\n\n以 debian 系系统举例:\n\n```shell\ncurl -o /usr/local/share/ca-certificates/chaitin_ca.crt -L https://chaitin-ops-public.cn-beijing.oss.aliyuncs.com/Chaitin_Ltd_Root_CA.pem\nupdate-ca-certificates\n```\n\n如果无法访问外网，可以尝试 `http://s3-ephemeral.in.chaitin.net/dev/Chaitin_Ltd_Root_CA.pem`\n\n其他系统 CA 证书安装请参考 [安装CA证书](https://info.chaitin.net/colab-editor/page/IT%E5%8A%9E%E5%85%AC/%E5%8A%9E%E5%85%AC%E7%BD%91%E7%BB%9C/windows%E7%94%A8%E6%88%B7/%E5%A4%87%E9%80%89%E6%96%B9%E6%A1%88%EF%BC%88Windows%EF%BC%89/%E8%AF%81%E4%B9%A6%E5%AE%89%E8%A3%85%28windows%29/%E9%95%BF%E4%BA%AD%E6%A0%B9%E8%AF%81%E4%B9%A6%E5%AE%89%E8%A3%85%28windows%29)\n"),
     _useState2 = _slicedToArray(_useState, 2),
     mdContent = _useState2[0],
     setMdContent = _useState2[1];

package/dist/asset/css/index.css

@@ -1,4 +1,4 @@
-@import 'highlight.js/styles/atom-one-dark.css';
+@import 'highlight.js/styles/atom-one-light.css';
 @import 'katex/dist/katex.min.css';
 
 :root {
@@ -29,6 +29,17 @@
   text-decoration: none;
 }
 
+.tiptap.ProseMirror *:not(pre)>code {
+  background-color: var(--mui-palette-background-paper3);
+  border: 1px solid var(--mui-palette-divider);
+  border-radius: 4px;
+  font-size: 90%;
+  white-space: break-spaces;
+  word-break: break-word;
+  overflow-wrap: break-word;
+  padding: 0.125rem 0.25rem;
+}
+
 .tiptap.ProseMirror label:has(input[type="checkbox"]) {
   line-height: 1;
   padding-top: 0.5rem;
@@ -93,6 +104,7 @@
   user-select: none;
 }
 
+.tiptap.ProseMirror .react-renderer.node-codeBlock,
 .tiptap.ProseMirror .react-renderer.node-blockLink,
 .tiptap.ProseMirror .react-renderer.node-blockAttachment {
   display: block;

package/dist/component/ImageViewer/styles.d.ts

@@ -1 +1 @@
-export declare const customStyles = "\n  .PhotoView-Slider__toolbar {\n    display: none !important;\n  }\n  \n  .PhotoView-Slider__banner {\n    display: none !important;\n  }\n  \n  .PhotoView-Slider__toolbar-custom {\n    position: fixed !important;\n    bottom: 0 !important;\n    top: auto !important;\n    left: 0 !important;\n    right: 0 !important;\n    z-index: 10000 !important;\n    transform: none !important;\n  }\n";
+export declare const customStyles = "\n  .PhotoView-Slider__toolbar {\n    display: none !important;\n  }\n  \n  .PhotoView-Slider__banner {\n    display: none !important;\n  }\n  \n  .PhotoView-Slider__toolbar-custom {\n    position: fixed !important;\n    bottom: 0 !important;\n    top: auto !important;\n    left: 0 !important;\n    right: 0 !important;\n    z-index: 10000 !important;\n    transform: none !important;\n  }\n\n  /* \u6BDB\u73BB\u7483\u6548\u679C */\n  .PhotoView-Slider__Backdrop {\n    backdrop-filter: blur(10px) saturate(180%);\n  }\n\n  /* \u8986\u76D6\u9ED8\u8BA4\u52A8\u753B\u6548\u679C */\n  .PhotoView-Slider__Backdrop,\n  .PhotoView-Slider__Backdrop * {\n    transition-timing-function: initial !important;\n    transition-duration: initial !important;\n    animation-duration: initial !important;\n  }\n";

package/dist/component/ImageViewer/styles.js

@@ -1 +1 @@
-export var customStyles = "\n  .PhotoView-Slider__toolbar {\n    display: none !important;\n  }\n  \n  .PhotoView-Slider__banner {\n    display: none !important;\n  }\n  \n  .PhotoView-Slider__toolbar-custom {\n    position: fixed !important;\n    bottom: 0 !important;\n    top: auto !important;\n    left: 0 !important;\n    right: 0 !important;\n    z-index: 10000 !important;\n    transform: none !important;\n  }\n";
+export var customStyles = "\n  .PhotoView-Slider__toolbar {\n    display: none !important;\n  }\n  \n  .PhotoView-Slider__banner {\n    display: none !important;\n  }\n  \n  .PhotoView-Slider__toolbar-custom {\n    position: fixed !important;\n    bottom: 0 !important;\n    top: auto !important;\n    left: 0 !important;\n    right: 0 !important;\n    z-index: 10000 !important;\n    transform: none !important;\n  }\n\n  /* \u6BDB\u73BB\u7483\u6548\u679C */\n  .PhotoView-Slider__Backdrop {\n    backdrop-filter: blur(10px) saturate(180%);\n  }\n\n  /* \u8986\u76D6\u9ED8\u8BA4\u52A8\u753B\u6548\u679C */\n  .PhotoView-Slider__Backdrop,\n  .PhotoView-Slider__Backdrop * {\n    transition-timing-function: initial !important;\n    transition-duration: initial !important;\n    animation-duration: initial !important;\n  }\n";

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

@@ -11,8 +11,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { FileCopyLineIcon } from "../../../component/Icons";
 import { Box, Divider, Stack } from '@mui/material';
 import { NodeViewContent, NodeViewWrapper } from '@tiptap/react';
-import React, { useCallback, useState } from 'react';
-var ReadonlyCodeBlock = function ReadonlyCodeBlock(_ref) {
+import React, { memo, useCallback, useState } from 'react';
+var ReadonlyCodeBlock = /*#__PURE__*/memo(function (_ref) {
   var node = _ref.node,
     selected = _ref.selected;
   var _useState = useState('复制'),
@@ -26,7 +26,7 @@ var ReadonlyCodeBlock = function ReadonlyCodeBlock(_ref) {
   var attrs = node.attrs;
   var handleCopy = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
-      var codeText;
+      var codeText, timer;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -38,20 +38,21 @@ var ReadonlyCodeBlock = function ReadonlyCodeBlock(_ref) {
             return navigator.clipboard.writeText(codeText);
           case 6:
             setCopyText('复制成功');
-            setTimeout(function () {
+            timer = setTimeout(function () {
               setCopyText('复制');
             }, 2000);
-            _context.next = 13;
-            break;
-          case 10:
-            _context.prev = 10;
+            return _context.abrupt("return", function () {
+              return clearTimeout(timer);
+            });
+          case 11:
+            _context.prev = 11;
             _context.t0 = _context["catch"](3);
             console.error('复制失败:', _context.t0);
-          case 13:
+          case 14:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[3, 10]]);
+      }, _callee, null, [[3, 11]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);
@@ -67,11 +68,11 @@ var ReadonlyCodeBlock = function ReadonlyCodeBlock(_ref) {
       return setIsHovering(false);
     }
   }, /*#__PURE__*/React.createElement(Box, {
-    component: "pre",
     sx: {
-      p: '0.75rem 1rem',
-      m: 0,
-      borderRadius: '6px',
+      position: 'relative',
+      border: '1px solid',
+      borderColor: 'divider',
+      borderRadius: 'var(--mui-shape-borderRadius)',
       overflow: 'hidden'
     }
   }, /*#__PURE__*/React.createElement(Stack, {
@@ -80,26 +81,37 @@ var ReadonlyCodeBlock = function ReadonlyCodeBlock(_ref) {
     justifyContent: "space-between",
     className: "codeblock-toolbar",
     sx: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      height: '1.25rem',
+      lineHeight: '1.25rem',
+      px: 2.5,
+      py: 2,
       zIndex: 1,
-      mb: 2
+      color: 'text.tertiary',
+      borderBottom: '1px solid',
+      borderColor: 'divider'
     }
   }, /*#__PURE__*/React.createElement(Box, {
     sx: {
       flex: 1,
       fontSize: '0.875rem',
-      color: 'text.tertiary',
       letterSpacing: '0.01rem'
     }
   }, attrs.title || '代码块'), isHovering && /*#__PURE__*/React.createElement(Stack, {
     direction: "row",
     alignItems: "center",
-    gap: 0.5
+    gap: 0.5,
+    sx: {
+      fontSize: '0.75rem'
+    }
   }, /*#__PURE__*/React.createElement(Box, null, attrs.language || 'Auto'), /*#__PURE__*/React.createElement(Divider, {
     orientation: "vertical",
     flexItem: true,
     sx: {
-      height: '1rem',
-      mr: 0.5,
+      height: '0.75rem',
       ml: 1,
       alignSelf: 'center',
       borderColor: 'divider'
@@ -111,6 +123,7 @@ var ReadonlyCodeBlock = function ReadonlyCodeBlock(_ref) {
     onClick: handleCopy,
     sx: {
       px: 1,
+      py: 0.5,
       borderRadius: 'var(--mui-shape-borderRadius)',
       cursor: 'pointer',
       userSelect: 'none',
@@ -119,22 +132,29 @@ var ReadonlyCodeBlock = function ReadonlyCodeBlock(_ref) {
     }
   }, /*#__PURE__*/React.createElement(FileCopyLineIcon, {
     sx: {
-      fontSize: '0.875rem',
+      fontSize: '0.75rem',
       color: 'inherit'
     }
   }), /*#__PURE__*/React.createElement(Box, {
     sx: {
-      fontSize: '0.75rem',
       lineHeight: 1
     }
-  }, copyText)))), /*#__PURE__*/React.createElement(NodeViewContent, {
+  }, copyText)))), /*#__PURE__*/React.createElement(Box, {
+    component: 'pre',
+    sx: {
+      m: 0
+    }
+  }, /*#__PURE__*/React.createElement(NodeViewContent, {
+    as: "code",
+    className: "hljs",
     style: {
-      margin: 0,
+      padding: '3rem 1.25rem 0.75rem 1.25rem',
       fontSize: '0.875rem',
       lineHeight: '1.5',
       whiteSpace: 'pre-wrap',
       wordBreak: 'break-word'
     }
-  })));
-};
+  }))));
+});
+ReadonlyCodeBlock.displayName = 'ReadonlyCodeBlock';
 export default ReadonlyCodeBlock;

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

@@ -16,7 +16,7 @@ import { ArrowDownSLineIcon, FileCopyLineIcon } from "../../../component/Icons";
 import { languages } from "../../../contants/highlight";
 import { Box, Divider, ListSubheader, MenuItem, Select, Stack, TextField } from '@mui/material';
 import { NodeViewContent, NodeViewWrapper } from '@tiptap/react';
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import ReadonlyCodeBlock from "./Readonly";
 var CodeBlockView = function CodeBlockView(props) {
   var node = props.node,
@@ -39,9 +39,9 @@ var CodeBlockView = function CodeBlockView(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     searchText = _useState8[0],
     setSearchText = _useState8[1];
-  var menuListRef = React.useRef(null);
+  var menuListRef = useRef(null);
   var attrs = node.attrs;
-  var filteredLanguages = React.useMemo(function () {
+  var filteredLanguages = useMemo(function () {
     if (!searchText) return languages;
     var lowerSearch = searchText.toLowerCase();
     return languages.filter(function (lang) {
@@ -50,7 +50,7 @@ var CodeBlockView = function CodeBlockView(props) {
   }, [searchText]);
 
   // 当搜索文本改变时，重置滚动位置
-  React.useEffect(function () {
+  useEffect(function () {
     if (menuListRef.current) {
       menuListRef.current.scrollTop = 0;
     }
@@ -62,7 +62,7 @@ var CodeBlockView = function CodeBlockView(props) {
   }, [updateAttributes]);
   var handleCopy = useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
-      var codeText;
+      var codeText, timer;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -74,20 +74,21 @@ var CodeBlockView = function CodeBlockView(props) {
             return navigator.clipboard.writeText(codeText);
           case 6:
             setCopyText('复制成功');
-            setTimeout(function () {
+            timer = setTimeout(function () {
               setCopyText('复制');
             }, 2000);
-            _context.next = 13;
-            break;
-          case 10:
-            _context.prev = 10;
+            return _context.abrupt("return", function () {
+              return clearTimeout(timer);
+            });
+          case 11:
+            _context.prev = 11;
             _context.t0 = _context["catch"](3);
             console.error('复制失败:', _context.t0);
-          case 13:
+          case 14:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[3, 10]]);
+      }, _callee, null, [[3, 11]]);
     }));
     return function (_x) {
       return _ref.apply(this, arguments);
@@ -109,8 +110,10 @@ var CodeBlockView = function CodeBlockView(props) {
   }, [titleValue, updateAttributes]);
   var handleTitleKeyDown = useCallback(function (event) {
     if (event.key === 'Enter') {
+      event.preventDefault();
       handleTitleSubmit();
     } else if (event.key === 'Escape') {
+      event.preventDefault();
       setTitleValue(attrs.title || '');
       setShowTitleInput(false);
     }
@@ -122,11 +125,11 @@ var CodeBlockView = function CodeBlockView(props) {
     className: "codeblock-wrapper ".concat(selected ? 'ProseMirror-selectednode' : ''),
     "data-drag-handle": true
   }, /*#__PURE__*/React.createElement(Box, {
-    component: "pre",
     sx: {
-      p: '0.75rem 1rem',
-      m: 0,
-      borderRadius: showTitleInput ? '6px 6px 0 0 !important' : '6px',
+      position: 'relative',
+      border: '1px solid',
+      borderColor: 'divider',
+      borderRadius: 'var(--mui-shape-borderRadius)',
       overflow: 'hidden'
     }
   }, /*#__PURE__*/React.createElement(Stack, {
@@ -135,14 +138,25 @@ var CodeBlockView = function CodeBlockView(props) {
     justifyContent: "space-between",
     className: "codeblock-toolbar",
     sx: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      height: '1.25rem',
+      lineHeight: '1.25rem',
+      px: 2.5,
+      py: 2,
       zIndex: 1,
-      mb: 2
+      color: 'text.tertiary',
+      borderBottom: '1px solid',
+      borderColor: 'divider'
     }
   }, showTitleInput ? /*#__PURE__*/React.createElement(Box, {
     sx: {
-      py: 0.5,
       flex: 1,
-      borderRadius: '0 0 4px 4px',
+      height: '1.25rem',
+      lineHeight: '1.25rem',
+      borderRadius: '4px',
       bgcolor: 'background.paper3',
       boxSizing: 'border-box',
       letterSpacing: '0.01rem'
@@ -159,8 +173,8 @@ var CodeBlockView = function CodeBlockView(props) {
     sx: {
       '& .MuiInputBase-input': {
         p: 0,
-        height: '0.875rem',
-        lineHeight: 1,
+        height: '1.25rem',
+        lineHeight: '1.25rem',
         fontSize: '0.875rem',
         color: 'text.tertiary'
       },
@@ -179,7 +193,6 @@ var CodeBlockView = function CodeBlockView(props) {
     sx: {
       flex: 1,
       fontSize: '0.875rem',
-      color: 'text.tertiary',
       letterSpacing: '0.01rem'
     },
     onClick: handleTitleToggle
@@ -187,6 +200,7 @@ var CodeBlockView = function CodeBlockView(props) {
     direction: "row",
     alignItems: "center",
     sx: {
+      fontSize: '0.75rem',
       flexShrink: 0
     }
   }, /*#__PURE__*/React.createElement(Select, {
@@ -298,7 +312,7 @@ var CodeBlockView = function CodeBlockView(props) {
     orientation: "vertical",
     flexItem: true,
     sx: {
-      height: '1.25rem',
+      height: '1rem',
       alignSelf: 'center',
       borderColor: 'divider'
     }
@@ -312,27 +326,34 @@ var CodeBlockView = function CodeBlockView(props) {
       py: 0.5,
       borderRadius: 'var(--mui-shape-borderRadius)',
       cursor: 'pointer',
-      '&:hover': {
-        bgcolor: 'action.hover'
-      }
+      userSelect: 'none',
+      bgcolor: 'inherit',
+      color: 'inherit'
     }
   }, /*#__PURE__*/React.createElement(FileCopyLineIcon, {
     sx: {
-      fontSize: '0.875rem',
+      fontSize: '0.75rem',
       color: 'inherit'
     }
   }), /*#__PURE__*/React.createElement(Box, {
     sx: {
-      fontSize: '0.75rem',
       lineHeight: 1
     }
-  }, copyText)))), /*#__PURE__*/React.createElement(NodeViewContent, {
+  }, copyText)))), /*#__PURE__*/React.createElement(Box, {
+    component: 'pre',
+    sx: {
+      m: 0
+    }
+  }, /*#__PURE__*/React.createElement(NodeViewContent, {
+    as: "code",
+    className: "hljs",
     style: {
-      margin: 0,
+      padding: '3rem 1.25rem 0.75rem 1.25rem',
       fontSize: '0.875rem',
+      lineHeight: '1.5',
       whiteSpace: 'pre-wrap',
       wordBreak: 'break-word'
     }
-  })));
+  }))));
 };
 export default CodeBlockView;

package/dist/extension/node/CodeBlockLowlight.js

@@ -11,6 +11,7 @@ import { ReactNodeViewRenderer } from "@tiptap/react";
 import { all, createLowlight } from 'lowlight';
 import CodeBlockView from "../component/CodeBlock";
 var lowlight = createLowlight(all);
+console.log(lowlight.listLanguages());
 var CustomCodeBlock = CodeBlockLowlight.configure({
   enableTabIndentation: true,
   tabSize: 1,

package/dist/index.css

@@ -208,53 +208,6 @@
   margin: 0;
 }
 
-/* code */
-.tiptap.ProseMirror .codeblock-wrapper {
-  margin: 20px 0;
-}
-
-.tiptap.ProseMirror pre {
-  position: relative;
-  border: 1px solid;
-  border-color: var(--mui-palette-divider);
-  border-radius: var(--mui-shape-borderRadius);
-  color: var(--mui-palette-text-tertiary);
-  background-color: var(--mui-palette-background-paper3);
-}
-
-.tiptap.ProseMirror pre[data-type="yaml-frontmatter"] {
-  margin-bottom: 20px;
-  border-radius: var(--mui-shape-borderRadius);
-  color: var(--mui-palette-text-disabled);
-  background-color: transparent;
-}
-
-.tiptap.ProseMirror code {
-  padding: 2px 8px;
-  margin: 0 4px;
-  word-break: break-all;
-  /* font-weight: 500; */
-  border: 1px solid;
-  border-color: var(--mui-palette-divider);
-  background-color: var(--mui-palette-background-paper3);
-  border-radius: 6px;
-}
-
-.tiptap.ProseMirror pre[data-type="yaml-frontmatter"] code {
-  border: none;
-  margin: 0;
-  display: inline-block;
-}
-
-.tiptap.ProseMirror pre code {
-  color: inherit;
-  padding: 0;
-  font-weight: normal;
-  border-radius: 0;
-  background-color: transparent;
-  -webkit-text-fill-color: inherit;
-}
-
 /* details */
 .tiptap.ProseMirror .cq-details {
   display: flex;

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export { default as EditorDiff } from './EditorDiff';
 export { default as EditorMarkdown, type MarkdownEditorRef } from './EditorMarkdown';
 export { default as EditorThemeProvider } from './EditorThemeProvider';
 export { default as EditorToolbar } from './EditorToolbar';
+export { getExtensions } from './extension';
 export { default as useTiptap } from './hook';
 export { useFn } from './hook/fn';
 export * from './type';

package/dist/index.js

@@ -4,6 +4,7 @@ export { default as EditorDiff } from "./EditorDiff";
 export { default as EditorMarkdown } from "./EditorMarkdown";
 export { default as EditorThemeProvider } from "./EditorThemeProvider";
 export { default as EditorToolbar } from "./EditorToolbar";
+export { getExtensions } from "./extension";
 export { default as useTiptap } from "./hook";
 export { useFn } from "./hook/fn";
 export * from "./type";

package/package.json

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