将 rdview 底层全量替换为 rdtkview

index.html

@@ -15,93 +15,15 @@
         <link rel="stylesheet" href="/style/dark.css">
         <link rel="stylesheet" href="/style/color.css">
         <link rel="stylesheet" href="/style/rdview.css">
+        <link rel="stylesheet" href="/style/rdview-rdtk.css">
         <link rel="stylesheet" href="/style/otto.css">
         <link rel="stylesheet" href="/style/special.css">
+        <script src="/script/config.js"></script>
     </head>
 
     <body>
         <div id="app">加载中...</div>
-        <script>
-            $docsify = {
-                name: "节奏医生编辑器教程",
-                notFoundPage: "/404.md",
-                homepage: "/pages/intro.md",
-                loadSidebar: true,
-                loadNavbar: true,
-                coverpage: false,
-                maxLevel: 5,
-                subMaxLevel: 4,
-                mergeNavbar: true,
-            };
-        </script>
-        <script type="module">
-            import "./script/rdview.js";
-            import {render} from "./script/rdtkview_render.js";
-
-            function escapeHtml(unsafe) {
-                return unsafe
-                    .replace(/&/g, "&amp;")
-                    .replace(/</g, "&lt;")
-                    .replace(/>/g, "&gt;")
-                    .replace(/"/g, "&quot;")
-                    .replace(/'/g, "&#039;");
-            }
-            loadRDView();
-            const originalCodeRenderer = $docsify.markdown
-                ?.renderer?.code;
-            function codeblockRender(code, lang) {
-                if (lang.trim().startsWith("rdview")) {
-                    return RDViewRender(lang, code);
-                }
-                // else if (lang.trim().startsWith("rdtkview")) {
-                //     const args = lang.slice(8).trim().split(" ");
-                //     const width = parseInt(args[0]) || 8;
-                //     const height = parseInt(args[1]) || 4;
-                //     const scale = parseFloat(args[2]) || 2.0;
-                //     const result = render(code, width, height, scale);
-                //     result.toString = () => result;
-                //     return result;
-                // }
-                return originalCodeRenderer
-                    ? originalCodeRenderer(code, lang)
-                    : `<pre data-lang="${lang}"><code>${
-                        escapeHtml(code)
-                    }</code></pre>`;
-            }
-            $docsify = {
-                ...$docsify,
-                ...{
-                    markdown: {
-                        renderer: {
-                            code: (code, lang) => {
-                                return codeblockRender(code, lang);
-                            },
-                            image: function (src, title, alt) {
-                                return `<div class="image-tip"><img class="medium-zoom-image" src="${src}" alt="${alt}">${
-                                    alt ? `<p>${alt}</p>` : ""
-                                }</div>`;
-                            },
-                        },
-                    },
-                    switchLightDarkMode: {
-                        useSwitchMode: true,
-                        top: 130,
-                        right: 26,
-                        svgColor: "#7d7b75",
-                    },
-                    search: {
-                        noData: {
-                            "/": "没有找到结果!",
-                        },
-                        paths: "auto",
-                        placeholder: {
-                            "/": "搜索",
-                        },
-                        hideOtherSidebarContent: true,
-                    },
-                },
-            };
-        </script>
+        <script type="module" src="./script/rdview-init.js"></script>
         <script type="module" src="./script/special.js"></script>
         <!-- <script src="/script/docsify.min.js"></script> -->
         <script src="/script/zoom-image.min.js"></script>