RDCNWebs/rd.rdlevel.cn
6
3
Fork 7
Code Issues 16 Pull Requests Actions Packages Projects Releases Wiki Activity

【实验】添加对 rdview2 的支持

Browse Source
This commit is contained in:
OLDREDSTONE
2025-12-12 15:24:30 +08:00
parent 9d14a88a98
commit a01042af6a
5 changed files with 1644 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+131 -81
View File
@@ -1,29 +1,31 @@
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>节奏医生编辑器教程</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta
name="description"
content="这里是关于节奏医生编辑器的中文完全指南！"
>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="/style/light.css">
<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/otto.css">
<link rel="stylesheet" href="/style/special.css">
</head>
<head>
<meta charset="UTF-8">
<title>节奏医生编辑器教程</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="这里是关于节奏医生编辑器的中文完全指南！">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="/style/light.css">
<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/otto.css">
<link rel="stylesheet" href="/style/special.css">
</head>
<body>
<div id="app">加载中...</div>
<script>
$docsify = {
name: '节奏医生编辑器教程',
<body>
<div id="app">加载中...</div>
<script>
$docsify = {
name: "节奏医生编辑器教程",
notFoundPage: "/404.md",
homepage: '/pages/intro.md',
homepage: "/pages/intro.md",
loadSidebar: true,
loadNavbar: true,
coverpage: false,
@@ -31,63 +33,111 @@
subMaxLevel: 4,
mergeNavbar: true,
};
</script>
<script type="module">
import '/script/rdview.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;
$docsify = {
...$docsify,
...{
markdown: {
renderer: {
code: function (code, lang) {
if (lang.trim().startsWith('rdview')) {
return RDViewRender(lang, code);
}
return originalCodeRenderer ? originalCodeRenderer(code, lang) : `<pre data-lang="${lang}"><code>${escapeHtml(code)}</code></pre>`;
},
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">
import "/script/rdview.js";
import {
Extensions,
IconStyle,
Point,
} from "/script/Extensions.js";
function escapeHtml(unsafe) {
return unsafe
.replace(/&/g, "&amp;")
.replace(/</g, "&lt;")
.replace(/>/g, "&gt;")
.replace(/"/g, "&quot;")
.replace(/'/g, "&#039;");
}
};
</script>
<script src="/script/docsify.min.js"></script>
<script src="/script/zoom-image.min.js"></script>
<script src="/script/search.min.js"></script>
<script src="/script/emoji.min.js"></script>
<script src="/script/docsify-copy-code.min.js"></script>
<script src="/script/switchLightDarkMode.js"></script>
<script src="/script/otto.js"></script>
<script src="/script/custommethod-search.js"></script>
<script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-yaml.js"></script>
<script type="module" src="/script/special.js"></script>
</body>
</html>
loadRDView();
const originalCodeRenderer = $docsify.markdown
?.renderer?.code;
$docsify = {
...$docsify,
...{
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 (
lang.trim().startsWith(
"rdview",
)
) {
return RDViewRender(
lang,
code,
);
}
return originalCodeRenderer
? originalCodeRenderer(
code,
lang,
)
: `<pre data-lang="${lang}"><code>${
escapeHtml(code)
}</code></pre>`;
},
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 src="/script/docsify.min.js"></script>
<script src="/script/zoom-image.min.js"></script>
<script src="/script/search.min.js"></script>
<script src="/script/emoji.min.js"></script>
<script src="/script/docsify-copy-code.min.js"></script>
<script src="/script/switchLightDarkMode.js"></script>
<script src="/script/otto.js"></script>
<script src="/script/custommethod-search.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-yaml.js"
></script>
<script type="module" src="/script/special.js"></script>
<script type="module" src="/script/rdview2.js"></script>
</body>
</html>