MCBBS Wiki欢迎您共同参与编辑！在参与编辑之前请先阅读Wiki方针。

如果在编辑的过程中遇到了什么问题，可以去讨论板提问。

为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户，请尽快绑定/验证。

MCBBS Wiki GitHub群组已上线！

您可以在回声洞中发表吐槽！

服务器状态监控。点击进入

本站由MCBBS用户自行搭建，与MCBBS及东银河系漫游指南（北京）科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>

微件:SaltInPageCSSLoader：修订间差异

跳到导航 跳到搜索
可视化wikitext
小 （// Edit via Wikiplus）
小无编辑摘要
这个页面的标题（<h1>）变成了蓝字蓝底。
</noinclude><includeonly><style defer>
(/**
* 搬运须知: 您必须在**显眼处**标识来源“MCBBS Wiki”与作者“Salt_lovely”, **不**接受任何形式的简称或不署名。
*
* Notice: You have to mark origin "MCBBS Wiki" and author "Salt_lovely" in CONSPICUOS PLACE, abbreviation or omissions are NOT allowed.
*
* 许可证: CC BY-NC-SA 4.0
*
* License: CC BY-NC-SA 4.0
*/
(function () {
let ps = pageState() // 获取页面状态
let elems = HTMLElemsFliter(Array.from(document.querySelectorAll('.salt.InPageCSSLoader')))
if (elems.length < 1) { return } else { console.log('[SaltInPageCSSLoader]检测到页内CSS, 共计' + elems.length + '个') }
for (let el of elems) {▼
for (let el of elems) // 去除标记{
// 去除标记
el.classList.remove('InPageCSSLoader')
// 内容简单处理
let text = (el.textContent || '').replace(/^\n+|\n+$/gm, '') // 去除首尾的空行
let text = (el.textContent =|| text'').replace(/^\n+|\n+$/gm, '') // 去除首尾的空行
let handler = ()el.textContent => {text
let handler = () => // 处理这个元素{
// el.style.display = 'none'处理这个元素
el.style.display = // 开始主要内容部分'none'
// 简单的查错开始主要内容部分
// 写入style简单的查错▼
if (text.length < 3 || text.indexOf('{') == -1 || text.indexOf('}') == -1) {
highlightEl(el, '检测到不可用的CSS')
highlightEl(el, console.log('[SaltInPageCSSLoader]检测到不可用的CSS:' + text)
console.log('[SaltInPageCSSLoader]检测到不可用的CSS:' + returntext)
}return
▲ // 写入style
let style = document.createElement('style')
style.textContent = text▼
// 搬运id▼
if (el.hasAttribute('id')) {▼
style.setAttribute('id', el.getAttribute('id'))▼
el.removeAttribute('id')▼
}▼
document.head.appendChild(style)
}
if// (ps == 0) {写入style
let style = handlerdocument.createElement('style')
}style.textContent else= { // 页面编写者模式text
▲ // 搬运id
highlightEl(el, '点击应用CSS(页面编写完毕后CSS将默认启用)')▼
if (el.addEventListenerhasAttribute('clickid',)) handler){
▲ style.setAttribute('id', el.getAttribute('id'))
▲ if (el.hasAttributeremoveAttribute('id')) {
}
eldocument.stylehead.whiteSpace = 'pre'appendChild(style)
}
▲ forif (letps el== of elems0) {
/**滤出数组中所有HTMLElement */▼
function HTMLElemsFliter handler(els) {
} else { // let hel = []页面编写者模式
▲ highlightEl(el, '点击应用CSS(页面编写完毕后CSS将默认启用)')
for (let el of els)▼
if el.addEventListener(el instanceof'click', HTMLElementhandler)
hel.push(el)▼
return hel▼
}
▲ el.style.textContentwhiteSpace = text'pre'
/** 0 - 默认, 浏览页面▼
* }
▲ /**滤出数组中所有HTMLElement */
* 1 - 编辑/预览页面 */▼
function pageStateHTMLElemsFliter(els) {
▲ for (let elhel of= els)[]
if (mw && mw.config && typeof mw.config.get == 'function') {
for (let el of switch (mw.config.get('wgAction'els)) {
if (el instanceof case 'view':HTMLElement)
return 0hel.push(el)
return case 'edit':hel
}▼
case 'submit':▼
▲ /** 0 - 默认, 浏览页面
return 1▼
* default:
▲ * 1 - 编辑/预览页面 */
return 0▼
function pageState() {
}▼
if (mw && mw.config }&& elsetypeof mw.config.get == 'function') {
switch (mw.config.get('wgAction')) return 0{
▲ case return 0'view':
▲ el.removeAttribute('id')return 0
▲ }case 'edit':
▲ case 'submit':
▲ hel.push(el)return 1
▲ }default:
▲ return 10
}
} else {
▲ return hel0
}
/**高亮一个元素 */▼
function highlightEl(el, title = '') {▼
el.style.display = 'block'▼
el.style.fontSize = '1rem'▼
el.style.color = 'crimson'▼
el.style.border = '1px solid crimson'▼
el.style.paddingLeft = '.5rem'▼
el.title = title▼
▲ }
}
▲ /**高亮一个元素 */
)()▼
▲ function highlightEl(el, title = '') {
▲ el.style.display = 'block'
▲ el.style.fontSize = '1rem'
▲ el.style.color = 'crimson'
▲ el.style.border = '1px solid crimson'
▲ el.style.paddingLeft = '.5rem'
▲ el.title = title
}
▲})()
</style></includeonly>
取自“https://mcbbs.wiki/wiki/微件:SaltInPageCSSLoader”