H_W水标签神作

效果参考：https://brsandbox-pro.wikidot.com/open-collab:water

+ 代码内容

[[module css]]
.test {
    color: white;
    font-weight: bold;
    background: gray;
    padding: 5px;
    border-radius: 4px;
    margin: -0.5rem 0 1rem 0;
    display: inline-block;
}

.grid-box {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /*6列显示*/
}
@media only screen and (max-width: 1020px) { /*下面为移动端适配：*/
.grid-box {grid-template-columns: repeat(5, 1fr);} /*5列显示*/
}

@media only screen and (max-width: 600px) { /*下面为移动端适配：*/
.grid-box {grid-template-columns: repeat(4, 1fr);} /*4列显示*/
}

@media only screen and (max-width: 430px) { /*下面为移动端适配：*/
.grid-box {grid-template-columns: repeat(3, 1fr);} /*3列显示*/
}

@media only screen and (max-width: 300px) { /*下面为移动端适配：*/
.grid-box {grid-template-columns: repeat(2, 1fr);} /*2列显示*/
}
/*
:root {
    --body-width-on-desktop: 100%;
}

@media only screen and (min-width: 769px){
  #content-wrap {
     margin-left: calc(var(--sidebar-width-on-desktop, 15.5em) * -1);
     width: calc(100vw - (100vw - 100%) + var(--sidebar-width-on-desktop));
  }
  #main-content {
     width: 100%;
     max-width: 100%;
  }
}
*/

[[/module]]
[[module ListPages limit="1" separate="no" range="."]]
[[span class="test"]] ⓘ 页面已被水%%revisions%%次 [[/span]]
[[/module]]

[[div class="grid-box"]]

[[iftags -水页标签1]]
[[button set-tags +水页标签1 text="+水页标签1"]]
[[/iftags]]
[[iftags +水页标签1]]
[[button set-tags -水页标签1 text="-水页标签1"]]
[[/iftags]]

[[iftags -水页标签2]]
[[button set-tags +水页标签2 text="+水页标签2"]]
[[/iftags]]
[[iftags +水页标签2]]
[[button set-tags -水页标签2 text="-水页标签2"]]
[[/iftags]]

[[iftags -水页标签3]]
[[button set-tags +水页标签3 text="+水页标签3"]]
[[/iftags]]
[[iftags +水页标签3]]
[[button set-tags -水页标签3 text="-水页标签3"]]
[[/iftags]]

[[iftags -水页标签4]]
[[button set-tags +水页标签4 text="+水页标签4"]]
[[/iftags]]
[[iftags +水页标签4]]
[[button set-tags -水页标签4 text="-水页标签4"]]
[[/iftags]]

[[iftags -水页标签5]]
[[button set-tags +水页标签5 text="+水页标签5"]]
[[/iftags]]
[[iftags +水页标签5]]
[[button set-tags -水页标签5 text="-水页标签5"]]
[[/iftags]]

[[iftags -水页标签6]]
[[button set-tags +水页标签6 text="+水页标签6"]]
[[/iftags]]
[[iftags +水页标签6]]
[[button set-tags -水页标签6 text="-水页标签6"]]
[[/iftags]]

[[iftags -水页标签7]]
[[button set-tags +水页标签7 text="+水页标签7"]]
[[/iftags]]
[[iftags +水页标签7]]
[[button set-tags -水页标签7 text="-水页标签7"]]
[[/iftags]]

[[iftags -水页标签8]]
[[button set-tags +水页标签8 text="+水页标签8"]]
[[/iftags]]
[[iftags +水页标签8]]
[[button set-tags -水页标签8 text="-水页标签8"]]
[[/iftags]]

[[iftags -水页标签9]]
[[button set-tags +水页标签9 text="+水页标签9"]]
[[/iftags]]
[[iftags +水页标签9]]
[[button set-tags -水页标签9 text="-水页标签9"]]
[[/iftags]]

[[iftags -水页标签10]]
[[button set-tags +水页标签10 text="+水页标签10"]]
[[/iftags]]
[[iftags +水页标签10]]
[[button set-tags -水页标签10 text="-水页标签10"]]
[[/iftags]]

[[iftags -水页标签11]]
[[button set-tags +水页标签11 text="+水页标签11"]]
[[/iftags]]
[[iftags +水页标签11]]
[[button set-tags -水页标签11 text="-水页标签11"]]
[[/iftags]]

[[iftags -水页标签12]]
[[button set-tags +水页标签12 text="+水页标签12"]]
[[/iftags]]
[[iftags +水页标签12]]
[[button set-tags -水页标签12 text="-水页标签12"]]
[[/iftags]]

[[iftags -水页标签13]]
[[button set-tags +水页标签13 text="+水页标签13"]]
[[/iftags]]
[[iftags +水页标签13]]
[[button set-tags -水页标签13 text="-水页标签13"]]
[[/iftags]]

[[iftags -水页标签14]]
[[button set-tags +水页标签14 text="+水页标签14"]]
[[/iftags]]
[[iftags +水页标签14]]
[[button set-tags -水页标签14 text="-水页标签14"]]
[[/iftags]]

[[iftags -水页标签15]]
[[button set-tags +水页标签15 text="+水页标签15"]]
[[/iftags]]
[[iftags +水页标签15]]
[[button set-tags -水页标签15 text="-水页标签15"]]
[[/iftags]]

[[iftags -水页标签16]]
[[button set-tags +水页标签16 text="+水页标签16"]]
[[/iftags]]
[[iftags +水页标签16]]
[[button set-tags -水页标签16 text="-水页标签16"]]
[[/iftags]]

[[iftags -水页标签17]]
[[button set-tags +水页标签17 text="+水页标签17"]]
[[/iftags]]
[[iftags +水页标签17]]
[[button set-tags -水页标签17 text="-水页标签17"]]
[[/iftags]]

[[iftags -水页标签18]]
[[button set-tags +水页标签18 text="+水页标签18"]]
[[/iftags]]
[[iftags +水页标签18]]
[[button set-tags -水页标签18 text="-水页标签18"]]
[[/iftags]]

[[iftags -水页标签19]]
[[button set-tags +水页标签19 text="+水页标签19"]]
[[/iftags]]
[[iftags +水页标签19]]
[[button set-tags -水页标签19 text="-水页标签19"]]
[[/iftags]]

[[iftags -水页标签20]]
[[button set-tags +水页标签20 text="+水页标签20"]]
[[/iftags]]
[[iftags +水页标签20]]
[[button set-tags -水页标签20 text="-水页标签20"]]
[[/iftags]]

[[iftags -水页标签21]]
[[button set-tags +水页标签21 text="+水页标签21"]]
[[/iftags]]
[[iftags +水页标签21]]
[[button set-tags -水页标签21 text="-水页标签21"]]
[[/iftags]]

[[iftags -水页标签22]]
[[button set-tags +水页标签22 text="+水页标签22"]]
[[/iftags]]
[[iftags +水页标签22]]
[[button set-tags -水页标签22 text="-水页标签22"]]
[[/iftags]]

[[iftags -水页标签23]]
[[button set-tags +水页标签23 text="+水页标签23"]]
[[/iftags]]
[[iftags +水页标签23]]
[[button set-tags -水页标签23 text="-水页标签23"]]
[[/iftags]]

[[iftags -水页标签24]]
[[button set-tags +水页标签24 text="+水页标签24"]]
[[/iftags]]
[[iftags +水页标签24]]
[[button set-tags -水页标签24 text="-水页标签24"]]
[[/iftags]]

[[iftags -水页标签25]]
[[button set-tags +水页标签25 text="+水页标签25"]]
[[/iftags]]
[[iftags +水页标签25]]
[[button set-tags -水页标签25 text="-水页标签25"]]
[[/iftags]]

[[iftags -水页标签26]]
[[button set-tags +水页标签26 text="+水页标签26"]]
[[/iftags]]
[[iftags +水页标签26]]
[[button set-tags -水页标签26 text="-水页标签26"]]
[[/iftags]]

[[iftags -水页标签27]]
[[button set-tags +水页标签27 text="+水页标签27"]]
[[/iftags]]
[[iftags +水页标签27]]
[[button set-tags -水页标签27 text="-水页标签27"]]
[[/iftags]]

[[iftags -水页标签28]]
[[button set-tags +水页标签28 text="+水页标签28"]]
[[/iftags]]
[[iftags +水页标签28]]
[[button set-tags -水页标签28 text="-水页标签28"]]
[[/iftags]]

[[iftags -水页标签29]]
[[button set-tags +水页标签29 text="+水页标签29"]]
[[/iftags]]
[[iftags +水页标签29]]
[[button set-tags -水页标签29 text="-水页标签29"]]
[[/iftags]]

[[iftags -水页标签30]]
[[button set-tags +水页标签30 text="+水页标签30"]]
[[/iftags]]
[[iftags +水页标签30]]
[[button set-tags -水页标签30 text="-水页标签30"]]
[[/iftags]]

[[iftags -水页标签31]]
[[button set-tags +水页标签31 text="+水页标签31"]]
[[/iftags]]
[[iftags +水页标签31]]
[[button set-tags -水页标签31 text="-水页标签31"]]
[[/iftags]]

[[iftags -水页标签32]]
[[button set-tags +水页标签32 text="+水页标签32"]]
[[/iftags]]
[[iftags +水页标签32]]
[[button set-tags -水页标签32 text="-水页标签32"]]
[[/iftags]]

[[iftags -水页标签33]]
[[button set-tags +水页标签33 text="+水页标签33"]]
[[/iftags]]
[[iftags +水页标签33]]
[[button set-tags -水页标签33 text="-水页标签33"]]
[[/iftags]]

[[iftags -水页标签34]]
[[button set-tags +水页标签34 text="+水页标签34"]]
[[/iftags]]
[[iftags +水页标签34]]
[[button set-tags -水页标签34 text="-水页标签34"]]
[[/iftags]]

[[iftags -水页标签35]]
[[button set-tags +水页标签35 text="+水页标签35"]]
[[/iftags]]
[[iftags +水页标签35]]
[[button set-tags -水页标签35 text="-水页标签35"]]
[[/iftags]]

[[iftags -水页标签36]]
[[button set-tags +水页标签36 text="+水页标签36"]]
[[/iftags]]
[[iftags +水页标签36]]
[[button set-tags -水页标签36 text="-水页标签36"]]
[[/iftags]]

[[iftags -水页标签37]]
[[button set-tags +水页标签37 text="+水页标签37"]]
[[/iftags]]
[[iftags +水页标签37]]
[[button set-tags -水页标签37 text="-水页标签37"]]
[[/iftags]]

[[iftags -水页标签38]]
[[button set-tags +水页标签38 text="+水页标签38"]]
[[/iftags]]
[[iftags +水页标签38]]
[[button set-tags -水页标签38 text="-水页标签38"]]
[[/iftags]]

[[iftags -水页标签39]]
[[button set-tags +水页标签39 text="+水页标签39"]]
[[/iftags]]
[[iftags +水页标签39]]
[[button set-tags -水页标签39 text="-水页标签39"]]
[[/iftags]]

[[iftags -水页标签40]]
[[button set-tags +水页标签40 text="+水页标签40"]]
[[/iftags]]
[[iftags +水页标签40]]
[[button set-tags -水页标签40 text="-水页标签40"]]
[[/iftags]]

[[/div]]

------

[[*user H_W]]制

猛戳按钮就会给页面增/减标签

------

[http://pokm.wikidot.com/guru-grinding 关于karma的机制探究]
目前我能找到的关于Karma的最深入的中文研究文章

[[module css]]
:root{
    --copy-box: none;
}

:root:has(#edit-save-button){
    --copy-box: block;
}

.copy-box{
    display:var(--copy-box);
    position: fixed;
    right: 3%;
    bottom: 3%;
    z-index: 99;
  margin: 5px auto 0 0;
  border: 4px solid rgb(var(--black-monochrome));
  padding: 0 10px;
  border-radius: 5px;
  background-color: rgb(var(--white-monochrome));
max-width:35vw;
max-height:40vh;
resize:both;
}

.copy-box-in{
max-height:37vh;
overflow: auto;
}

.copy-box-in iframe{
margin-top: -4.5%;
}

.test-has-yes{
display:none;
}

.test-has-no{
display:block;
}

.test-has-yes:has(p){
display:block;
}

.test-has-no:has(p){
display:none;
}

[[/module]]

[[div class="copy-box"]]
[[=]]
[[collapsible show="快捷复制" hide="快捷复制"]]
[[div class="copy-box-in"]]

[[div class="menu-item"]]
[[html]]
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<style type="text/css">
#button,#button-2{cursor:pointer;color:#191410;transition:background-color 80ms cubic-bezier(.4,0,.2,1);font-weight:400;font-size:14px;width:50%;border:none;background-color:#ede9df;padding-left:14px;text-align:left;display:inline-block;border-right:1px solid #ddd9d0}#button-2{border-right:none;border-left:1px solid #ddd9d0}#button:active,#button:hover{color:#191410;border-right:1px solid #ddd9d0;background-color:#b4b0a7}#button-2:active,#button-2:hover{color:#191410;border-right:none;border-left:1px solid #ddd9d0;background-color:#b4b0a7}
</style>
</head>
<body>
<div class="wrapper">
<button id="button">不遵循CC</button><button id="button-2">自定提示框</button>
</div>
<script>
function execCopy(string){var temp = document.createElement('div'); temp.appendChild(document.createElement('pre')).textContent = string;var s = temp.style; s.position = 'fixed'; s.left = '-100%'; document.body.appendChild(temp); document.getSelection().selectAllChildren(temp); var result = document.execCommand('copy'); document.body.removeChild(temp); return result;}var button=document.getElementById('button'); var button2=document.getElementById('button-2'); button.onclick = function(){if(execCopy('[[include :backrooms-to-dv:component:no-cc]]')){}else {alert('复制失败！');}}; button2.onclick = function(){if(execCopy('[[include :backrooms-to-dv:component:tip\n|text-color=文字的颜色\n|box-color=盒子颜色\n|text= 文字\n]]')){}else {alert('复制失败！');}};
</script>
</body>
[[/html]]
[[/div]]

[[div class="menu-item"]]

[[html]]
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<style type="text/css">
#button,#button-2{cursor:pointer;color:#191410;transition:background-color 80ms cubic-bezier(.4,0,.2,1);font-weight:400;font-size:14px;width:50%;border:none;background-color:#ede9df;padding-left:14px;text-align:left;display:inline-block;border-right:1px solid #ddd9d0}#button-2{border-right:none;border-left:1px solid #ddd9d0}#button:active,#button:hover{color:#191410;border-right:1px solid #ddd9d0;background-color:#b4b0a7}#button-2:active,#button-2:hover{color:#191410;border-right:none;border-left:1px solid #ddd9d0;background-color:#b4b0a7}
</style>
</head>
<body>
<div class="wrapper">
<button id="button">折叠块</button><button id="button-2">多重折叠</button>
</div>
<script>
function execCopy(string){var temp = document.createElement('div'); temp.appendChild(document.createElement('pre')).textContent = string;var s = temp.style; s.position = 'fixed'; s.left = '-100%'; document.body.appendChild(temp); document.getSelection().selectAllChildren(temp); var result = document.execCommand('copy'); document.body.removeChild(temp); return result;}var button=document.getElementById('button'); var button2=document.getElementById('button-2'); button.onclick = function(){if(execCopy('[[collapsible show="+ 显示" hide="- 隐藏"]]\n内容\n[[/collapsible]]')){}else {alert('复制失败！');}}; button2.onclick = function(){if(execCopy('[[include :scp-wiki-cn:component:coltop show=+ 一层折叠|hide=- 隐藏文本]]\n内容\n[[include :scp-wiki-cn:component:colend]]')){}else {alert('复制失败！');}};
</script>
</body>
[[/html]]
[[/div]]
[[div class="menu-item"]]
[[html]]
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<style type="text/css">
#button,#button-2{cursor:pointer;color:#191410;transition:background-color 80ms cubic-bezier(.4,0,.2,1);font-weight:400;font-size:14px;width:50%;border:none;background-color:#ede9df;padding-left:14px;text-align:left;display:inline-block;border-right:1px solid #ddd9d0}#button-2{border-right:none;border-left:1px solid #ddd9d0}#button:active,#button:hover{color:#191410;border-right:1px solid #ddd9d0;background-color:#b4b0a7}#button-2:active,#button-2:hover{color:#191410;border-right:none;border-left:1px solid #ddd9d0;background-color:#b4b0a7}
</style>
</head>
<body>
<div class="wrapper">
<button id="button">插入图片</button><button id="button-2">上标文字</button>
</div>
<script>
function execCopy(string){var temp = document.createElement('div'); temp.appendChild(document.createElement('pre')).textContent = string;var s = temp.style; s.position = 'fixed'; s.left = '-100%'; document.body.appendChild(temp); document.getSelection().selectAllChildren(temp); var result = document.execCommand('copy'); document.body.removeChild(temp); return result;}var button=document.getElementById('button'); var button2=document.getElementById('button-2'); button.onclick = function(){if(execCopy('[[include component:image-block\n|name=URL\n|caption=描述\n]]')){}else {alert('复制失败！');}}; button2.onclick = function(){if(execCopy('[[span class="ruby"]]下面的大字[[span class="rt"]]上面的小字[[/span]][[/span]]')){}else {alert('复制失败！');}};
</script>
</body>
[[/html]]
[[/div]]
[[div class="menu-item"]]
[[html]]
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<style type="text/css">
#button,#button-2{cursor:pointer;color:#191410;transition:background-color 80ms cubic-bezier(.4,0,.2,1);font-weight:400;font-size:14px;width:50%;border:none;background-color:#ede9df;padding-left:14px;text-align:left;display:inline-block;border-right:1px solid #ddd9d0}#button-2{border-right:none;border-left:1px solid #ddd9d0}#button:active,#button:hover{color:#191410;border-right:1px solid #ddd9d0;background-color:#b4b0a7}#button-2:active,#button-2:hover{color:#191410;border-right:none;border-left:1px solid #ddd9d0;background-color:#b4b0a7}
</style>
</head>
<body>
<div class="wrapper">
<button id="button">生存难度</button><button id="button-2">IETS组件</button>
</div>
<script>
function execCopy(string){var temp = document.createElement('div'); temp.appendChild(document.createElement('pre')).textContent = string;var s = temp.style; s.position = 'fixed'; s.left = '-100%'; document.body.appendChild(temp); document.getSelection().selectAllChildren(temp); var result = document.execCommand('copy'); document.body.removeChild(temp); return result;}var button=document.getElementById('button'); var button2=document.getElementById('button-2'); button.onclick = function(){if(execCopy('[[include :backrooms-to-dv:component:level-class\n|lang=cn\n|class=等级\n|one=第一行文本内容\n|two=第二行文本内容\n|three=第三行文本内容]]')){}else {alert('复制失败！');}}; button2.onclick = function(){if(execCopy('[[include :backrooms-wiki-cn:component:iets\n|lang=cn\n|danger=威胁（0~5）\n|intelligence=智能（A~E）\n]]')){}else {alert('复制失败！');}};
</script>
</body>
[[/html]]
[[/div]]
[[div class="menu-item"]]
[[html]]
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<style type="text/css">
#button,#button-2{cursor:pointer;color:#191410;transition:background-color 80ms cubic-bezier(.4,0,.2,1);font-weight:400;font-size:14px;width:50%;border:none;background-color:#ede9df;padding-left:14px;text-align:left;display:inline-block;border-right:1px solid #ddd9d0}#button-2{border-right:none;border-left:1px solid #ddd9d0}#button:active,#button:hover{color:#191410;border-right:1px solid #ddd9d0;background-color:#b4b0a7}#button-2:active,#button-2:hover{color:#191410;border-right:none;border-left:1px solid #ddd9d0;background-color:#b4b0a7}
</style>
</head>
<body>
<div class="wrapper">
<button id="button">评分信息</button><button id="button-2">底部导航</button>
</div>
<script>
function execCopy(string){var temp = document.createElement('div'); temp.appendChild(document.createElement('pre')).textContent = string;var s = temp.style; s.position = 'fixed'; s.left = '-100%'; document.body.appendChild(temp); document.getSelection().selectAllChildren(temp); var result = document.execCommand('copy'); document.body.removeChild(temp); return result;}var button=document.getElementById('button'); var button2=document.getElementById('button-2'); button.onclick = function(){if(execCopy('[[include :backrooms-wiki-cn:credit:start]]\n**Level C-XXX：**XXX\n**作者：**[[*user 作者]]\n**图像：**所用插图来源及许可\n更多你想告诉读者的东西\n\n可选：[[include :backrooms-wiki-cn:credit:more]]\n\n[[include :backrooms-wiki-cn:credit:end]]')){}else {alert('复制失败！');}}; button2.onclick = function(){if(execCopy('[[div class="footer-wikiwalk-nav"]]\n[[=]]\n<< [[[Level n-1]]] | Level n | [[[Level n+1]]] >>\n[[/=]]\n[[/div]]')){}else {alert('复制失败！');}};
</script>
</body>
[[/html]]
[[/div]]
[[div class="menu-item"]]
[[html]]
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<style type="text/css">
#button,#button-2{cursor:pointer;color:#191410;transition:background-color 80ms cubic-bezier(.4,0,.2,1);font-weight:400;font-size:14px;width:50%;border:none;background-color:#ede9df;padding-left:14px;text-align:left;display:inline-block;border-right:1px solid #ddd9d0}#button-2{border-right:none;border-left:1px solid #ddd9d0}#button:active,#button:hover{color:#191410;border-right:1px solid #ddd9d0;background-color:#b4b0a7}#button-2:active,#button-2:hover{color:#191410;border-right:none;border-left:1px solid #ddd9d0;background-color:#b4b0a7}
</style>
</head>
<body>
<div class="wrapper">
<button id="button">分页</button><button id="button-2">引用块</button>
</div>
<script>
function execCopy(string){var temp = document.createElement('div'); temp.appendChild(document.createElement('pre')).textContent = string;var s = temp.style; s.position = 'fixed'; s.left = '-100%'; document.body.appendChild(temp); document.getSelection().selectAllChildren(temp); var result = document.execCommand('copy'); document.body.removeChild(temp); return result;}var button=document.getElementById('button'); var button2=document.getElementById('button-2'); button.onclick = function(){if(execCopy('[[tabview]]\n[[tab 分页1]]\n内容\n[[/tab]]\n[[tab 分页2]]\n内容\n[[/tab]]\n[[/tabview]]')){}else {alert('复制失败！');}}; button2.onclick = function(){if(execCopy('[[div class="blockquote"]]\n内容\n[[/div]]')){}else {alert('复制失败！');}};
</script>
</body>
[[/html]]
[[/div]]
[[div class="menu-item"]]
[[html]]
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<style type="text/css">
#button,#button-2{cursor:pointer;color:#191410;transition:background-color 80ms cubic-bezier(.4,0,.2,1);font-weight:400;font-size:14px;width:50%;border:none;background-color:#ede9df;padding-left:14px;text-align:left;display:inline-block;border-right:1px solid #ddd9d0}#button-2{border-right:none;border-left:1px solid #ddd9d0}#button:active,#button:hover{color:#191410;border-right:1px solid #ddd9d0;background-color:#b4b0a7}#button-2:active,#button-2:hover{color:#191410;border-right:none;border-left:1px solid #ddd9d0;background-color:#b4b0a7}
</style>
</head>
<body>
<div class="wrapper">
<button id="button">亮色块</button><button id="button-2">暗色块</button>
</div>
<script>
function execCopy(string){var temp = document.createElement('div'); temp.appendChild(document.createElement('pre')).textContent = string;var s = temp.style; s.position = 'fixed'; s.left = '-100%'; document.body.appendChild(temp); document.getSelection().selectAllChildren(temp); var result = document.execCommand('copy'); document.body.removeChild(temp); return result;}var button=document.getElementById('button'); var button2=document.getElementById('button-2'); button.onclick = function(){if(execCopy('[[div class="lightblock"]]\n内容\n[[/div]]')){}else {alert('复制失败！');}}; button2.onclick = function(){if(execCopy('[[div class="darkblock"]]\n内容\n[[/div]]')){}else {alert('复制失败！');}};
</script>
</body>
[[/html]]
[[/div]]
[[div class="menu-item"]]
[[html]]
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<style type="text/css">
#button,#button-2{cursor:pointer;color:#191410;transition:background-color 80ms cubic-bezier(.4,0,.2,1);font-weight:400;font-size:14px;width:50%;border:none;background-color:#ede9df;padding-left:14px;text-align:left;display:inline-block;border-right:1px solid #ddd9d0}#button-2{border-right:none;border-left:1px solid #ddd9d0}#button:active,#button:hover{color:#191410;border-right:1px solid #ddd9d0;background-color:#b4b0a7}#button-2:active,#button-2:hover{color:#191410;border-right:none;border-left:1px solid #ddd9d0;background-color:#b4b0a7}
</style>
</head>
<body>
<div class="wrapper">
<button id="button">亮样式块</button><button id="button-2">暗样式块</button>
</div>
<script>
function execCopy(string){var temp = document.createElement('div'); temp.appendChild(document.createElement('pre')).textContent = string;var s = temp.style; s.position = 'fixed'; s.left = '-100%'; document.body.appendChild(temp); document.getSelection().selectAllChildren(temp); var result = document.execCommand('copy'); document.body.removeChild(temp); return result;}var button=document.getElementById('button'); var button2=document.getElementById('button-2'); button.onclick = function(){if(execCopy('[[div class="styled-quote"]]\n内容\n[[/div]]')){}else {alert('复制失败！');}}; button2.onclick = function(){if(execCopy('[[div class="dark-styled-quote"]]\n内容\n[[/div]]')){}else {alert('复制失败！');}};
</script>
</body>
[[/html]]
[[/div]]
[[div class="menu-item"]]
[[html]]
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<style type="text/css">
#button,#button-2{cursor:pointer;color:#191410;transition:background-color 80ms cubic-bezier(.4,0,.2,1);font-weight:400;font-size:14px;width:50%;border:none;background-color:#ede9df;padding-left:14px;text-align:left;display:inline-block;border-right:1px solid #ddd9d0}#button-2{border-right:none;border-left:1px solid #ddd9d0}#button:active,#button:hover{color:#191410;border-right:1px solid #ddd9d0;background-color:#b4b0a7}#button-2:active,#button-2:hover{color:#191410;border-right:none;border-left:1px solid #ddd9d0;background-color:#b4b0a7}
</style>
</head>
<body>
<div class="wrapper">
<button id="button">更好的空白</button><button id="button-2">SCP版式</button>
</div>
<script>
function execCopy(string){var temp = document.createElement('div'); temp.appendChild(document.createElement('pre')).textContent = string;var s = temp.style; s.position = 'fixed'; s.left = '-100%'; document.body.appendChild(temp); document.getSelection().selectAllChildren(temp); var result = document.execCommand('copy'); document.body.removeChild(temp); return result;}var button=document.getElementById('button'); var button2=document.getElementById('button-2'); button.onclick = function(){if(execCopy('[[include :backrooms-wiki-cn:theme:better-blank]]')){}else {alert('复制失败！');}}; button2.onclick = function(){if(execCopy('[[module ThemePreviewer noUi="true" theme_url="https://fastly.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/cn/sigma9_ch.min.css"]]')){}else {alert('复制失败！');}};
</script>
</body>
[[/html]]

[[/div]]

[[/div]]
[[/collapsible]]
[[/=]]
[[/div]]
[[iftags +组件]]

[[>]]
[[module rate]]
[[/>]]

总所周知，你在后室沙盒编辑的时候难开侧栏复制，于是～～～（合成敲鼓音）这个组件可以让你在编辑的时候，右下角出现一个折叠块，展开后可以快捷复制。

注意：这个组件使用了:has选择器，部分版本过老的浏览器可能无法使用。

[[div class="styled-quote"]]
[[div class="test-has-no"]]
**自动检测：你的浏览器无法兼容has选择器，建议自行更换/升级浏览器**
[[/div]]

[[div class="test-has-yes"]]
**自动检测：你的浏览器兼容has，能用该组件**
[[/div]]

[[/div]]

> [[include :backrooms-to-dv:component:copy-pro]]

因为没有编辑的情况下不会显示所以不会对你文产生影响。

如果你是站长，想要给全站有这组件效果，建议塞侧栏里，不会受iftags影响。

如果有些别的复制想加的可以讨论区里说

[[/iftags]]

------

如果你们想要给自己私站或哪里安个不妨试试
> @@[[include :brsandbox-pro:open-collab:water]]@@

当然手动复制代码也行，不过可能就我会时不时更新东西。

---

讨论区

好用

ChengTian_Bai 30 May 2026 07:04

4K了

---

快速传送门：

基金会
地下黑市
个人站我怎么会有这种东西呢？！

最后编辑于 26 Jun 2026 12:39 由 ChengTian_Bai 显示更多

Re: 告示

NovalisSpindel 31 May 2026 02:21

骗你的，管理来了点一下就好了

---

https://deleting-sandbox.wikidot.com/

Re: 告示

lestday233 31 May 2026 05:17

这种最好的解决办法就是 链接到站外去

---

欢迎访问我的个人主页、博客和维基。

莫谈纷争多扰攘，心宽自可化桑田

Re: 告示

ChengTian_Bai 31 May 2026 05:49

谢谢

---

快速传送门：

基金会
地下黑市
个人站我怎么会有这种东西呢？！

HuanYu_BiN 31 May 2026 04:17

有点意思

---

“吾心吾行澄如明镜，所作所为皆是正义。”

真有用

ChengTian_Bai 02 Jun 2026 11:18

已经4K了
如果用原来的方式水，估计得等到下个月。

接下来就是恶臭的5K

---

快速传送门：

基金会
地下黑市
个人站我怎么会有这种东西呢？！