[RDView2] DOM 渲染基本完工，进入可行性测试阶段

2026-01-14 22:20:06 +08:00
parent fb2e0e124b
commit 758645041b
9 changed files with 548 additions and 1471 deletions
@@ -19,8 +19,8 @@
        <link rel="stylesheet" href="/style/special.css">
    </head>

-    <body style="background-color: #1f1f1f;">
-        <div id="app" style="color: white;">加载中...</div>
+    <body>
+        <div id="app">加载中...</div>
        <script>
            $docsify = {
                name: "节奏医生编辑器教程",
@@ -36,11 +36,6 @@
        </script>
        <script type="module">
            import "/script/rdview.js";
-            import {
-                Extensions,
-                IconStyle,
-                Point,
-            } from "/script/Extensions.js";

            function escapeHtml(unsafe) {
                return unsafe
@@ -58,30 +53,7 @@
                ...{
                    markdown: {
                        renderer: {
-                            code: function (code, lang) {
-                                if (
-                                    lang.trim().startsWith(
-                                        "rdview2",
-                                    )
-                                ) {
-                                    const langParts = lang
-                                        .trim().split(" ");
-                                    const width =
-                                        parseInt(
-                                            langParts[1],
-                                        ) || 8;
-                                    const height =
-                                        parseInt(
-                                            langParts[2],
-                                        ) || 4;
-                                    const scale =
-                                        (parseFloat(
-                                            langParts[3],
-                                        ) || 1) * 2;
-                                    return `<div class="rdview2-container"><canvas class="rdview2-canvas" image-rendering: pixelated;" data-width="${width}" data-height="${height}" data-scale="${scale}"" data='${
-                                        JSON.stringify(code)
-                                    }'></canvas></div>`;
-                                } else if (
+                            code: function (code, lang) {if (
                                    lang.trim().startsWith(
                                        "rdview",
                                    )
@@ -127,7 +99,6 @@
            };
        </script>
        <script type="module" src="./script/special.js"></script>
-        <script type="module" src="./script/rdview2.js"></script>
        <!-- <script src="/script/docsify.min.js"></script> -->
        <script src="/script/zoom-image.min.js"></script>
        <script src="/script/search.min.js"></script>