MCBBS Wiki

微件:SaltInPageCSSLoader：修订间差异

微件 讨论

微件:SaltInPageCSSLoader (查看源代码)

2023年4月29日 (六) 01:31的版本

添加1,171字节 、​ 2023年4月29日 (星期六)
// Edit via Wikiplus
可视化wikitext
小 （.）
（// Edit via Wikiplus）
 
（未显示1个用户的5个中间版本）
<noinclude>
已弃用，请使用 <code><nowiki>{{#inline-css}}</nowiki></code> 解析器函数代替。
<pre><div name="test" class="salt InPageCSSLoader">&lt;pre>
<pre><div id="test" class="salt InPageCSSLoader">&lt;pre>
h1{
color: royalblue;
&lt;/pre></div>
{{#Widget:SaltInPageCSSLoader}}</pre>
<div nameid="test" class="salt InPageCSSLoader"><pre>
h1{
color: royalblue;
*/
(function () {
function main() {
let ps = pageState() // 获取页面状态
let ps = pageState() // 获取页面状态
let elems = HTMLElemsFliter(Array.from(document.querySelectorAll('.salt.InPageCSSLoader')))
let elems = HTMLElemsFliter(Array.from(document.querySelectorAll('.salt.InPageCSSLoader')))
if (elems.length < 1) { console.log('[SaltInPageCSSLoader]未检测到页内CSS'); return } else { console.log('[SaltInPageCSSLoader]检测到页内CSS, 共计' + elems.length + '个') }
if (elems.length < 1) { console.log('[SaltInPageCSSLoader]未检测到页内CSS'); return } else { console.log('[SaltInPageCSSLoader]检测到页内CSS, 共计' + elems.length + '个') }
for (let el of elems) {
//for 去除标记(let el of elems) {
// 去除标记
el.classList.remove('InPageCSSLoader')
let toolbar = el.querySelectorclassList.remove('.toolbarInPageCSSLoader') // Prism处理
if (toolbar) { toolbar el.classList.remove('SaltCSS') } // Prism处理
let toolbar = el.querySelector('.toolbar') // 内容简单Prism处理
let text = if (el.textContenttoolbar) ||{ '')toolbar.replaceremove(/^\n+|\n+$/gm,) '')} // 去除首尾的空行Prism处理
// 根据id查重（MW不支持id、class之外其他可以存放字符串的属性）
el.textContent = text
let handler = () => {
// 处理这个元素
el.style.display = 'none'
// 开始主要内容部分
// 简单的查错
if (text.length < 3 || text.indexOf('{') == -1 || text.indexOf('}') == -1) {
highlightEl(el, '检测到不可用的CSS')
console.log('[SaltInPageCSSLoader]检测到不可用的CSS:' + text)
return
}
// 写入style
let style = document.createElement('style')
style.textContent = text
// 搬运id
if (el.hasAttribute('id')) {
style.setAttribute('let id', = el.getAttribute('id')) || ''
elif (document.removeAttributehead.querySelector( 'idstyle#' + id )) {
console.log('[SaltInPageCSSLoader]检测到重复CSS id: ' + id)
el.removeAttribute('id')
el.style.display = 'none'
continue
}
}
document.head.appendChild(style)// 内容简单处理
let text = (el.textContent || '').replace(/^\n+|\n+$/gm, '') // 去除首尾的空行
// el.textContent = text
let handler = () => {
// 处理这个元素
el.style.display = 'none'
// 开始主要内容部分
// 简单的查错
if (text.length < 3 || text.indexOf('{') == -1 || text.indexOf('}') == -1) {
highlightEl(el, '检测到不可用的CSS')
console.log('[SaltInPageCSSLoader]检测到不可用的CSS:' + text)
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 || el.classList.contains('nopreview')) {
handler()
} else { // 页面编写者模式
el.textContent = text
highlightEl(el, '点击应用CSS(页面编写完毕后CSS将默认启用)')
el.addEventListener('click', handler)
}
el.style.whiteSpace = 'pre'
}
/**滤出数组中所有HTMLElement */
if (ps == 0) {
function handlerHTMLElemsFliter(els) {
} else { // 页面编写者模式let hel = []
for (let el of els)
highlightEl(el, '点击应用CSS(页面编写完毕后CSS将默认启用)')
el.addEventListener if ('click',el instanceof handlerHTMLElement)
hel.push(el)
return hel
}
/** 0 - 默认, 浏览页面
el.style.whiteSpace = 'pre'
} *
* 1 - 编辑/预览页面 */
/**滤出数组中所有HTMLElement */
function HTMLElemsFliterpageState(els) {
if (typeof mw != 'undefined' && typeof mw.config != 'undefined' && typeof mw.config.get == 'function') {
let hel = []
for (let el of els switch (mw.config.get('wgAction')) {
if (el instanceof HTMLElement) case 'view':
hel.push(el) return 0
return hel case 'edit':
case 'submit':
}
return 1
/** 0 - 默认, 浏览页面
* default:
return 0
* 1 - 编辑/预览页面 */
}
function pageState() {
} else {
if (typeof mw != 'undefined' && typeof mw.config != 'undefined' && typeof mw.config.get == 'function') {
switch (mw.config.get('wgAction')) { return 0
case 'view':
return 0
case 'edit':
case 'submit':
return 1
default:
return 0
}
} else {
/**高亮一个元素 return 0*/
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
}
}
if (document.readyState == 'loading') {
/**高亮一个元素 */
document.addEventListener('DOMContentLoaded', main)
function highlightEl(el, title = '') {
} else {
el.style.display = 'block'
el.style.fontSize = '1rem'main()
el.style.color = 'crimson'
el.style.border = '1px solid crimson'
el.style.paddingLeft = '.5rem'
el.title = title
}
})()
Litwak913
维护员、​界面管理员、​巡查员、​监督员、​小部件编辑者
3,462

个编辑

取自“https://mcbbs.wiki/wiki/特殊:移动版差异/25695...47526”