微件:SaltInPageCSSLoader：修订间差异
Salt lovely（留言 | 贡献） 小 （CSS去重） |
（// Edit via Wikiplus） |
||
| （未显示1个用户的2个中间版本） | |||
| 第1行： | 第1行： | ||
<noinclude> | <noinclude> | ||
已弃用，请使用 <code><nowiki>{{#inline-css}}</nowiki></code> 解析器函数代替。 | |||
<pre><div id="test" class="salt InPageCSSLoader"><pre> | <pre><div id="test" class="salt InPageCSSLoader"><pre> | ||
h1{ | h1{ | ||
| 第30行： | 第31行： | ||
// 去除标记 | // 去除标记 | ||
el.classList.remove('InPageCSSLoader') | el.classList.remove('InPageCSSLoader') | ||
el.classList.remove('SaltCSS') | |||
let toolbar = el.querySelector('.toolbar') // Prism处理 | let toolbar = el.querySelector('.toolbar') // Prism处理 | ||
if (toolbar) { toolbar.remove() } // Prism处理 | if (toolbar) { toolbar.remove() } // Prism处理 | ||
// 根据id查重（MW不支持id、class之外其他可以存放字符串的属性） | // 根据id查重（MW不支持id、class之外其他可以存放字符串的属性） | ||
if (el.hasAttribute('id')) | if (el.hasAttribute('id')) { | ||
if (document.querySelector( 'style#' + | let id = el.getAttribute('id') || '' | ||
if (document.head.querySelector( 'style#' + id )) { | |||
console.log('[SaltInPageCSSLoader]检测到重复CSS id: ' + id) | |||
el.removeAttribute('id') | el.removeAttribute('id') | ||
el.style.display = 'none' | |||
continue | |||
} | } | ||
} | |||
// 内容简单处理 | // 内容简单处理 | ||
let text = (el.textContent || '').replace(/^\n+|\n+$/gm, '') // 去除首尾的空行 | let text = (el.textContent || '').replace(/^\n+|\n+$/gm, '') // 去除首尾的空行 | ||
2023年4月29日 (六) 01:31的最新版本
已弃用，请使用 {{#inline-css}} 解析器函数代替。
<div id="test" class="salt InPageCSSLoader"><pre>
h1{
color: royalblue;
background-color: #f0f6ff;
}
</pre></div>
{{#Widget:SaltInPageCSSLoader}}
h1{
color: royalblue;
background-color: #f0f6ff;
}
这个页面的标题（<h1>）变成了蓝字蓝底。