微件: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')) { |
||
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>)变成了蓝字蓝底。