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

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

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

MCBBS Wiki GitHub群组已上线！

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

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

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

微件:SaltInPageCSSLoader：修订间差异

来自MCBBS Wiki
跳到导航 跳到搜索
可视化wikitext
小 （.）
小 （在页面加载后再执行// Edit via Wikiplus）
第23行： 第23行：
*/
*/
(function () {
(function () {
     let ps = pageState() // 获取页面状态
     function main() {
    let elems = HTMLElemsFliter(Array.from(document.querySelectorAll('.salt.InPageCSSLoader')))
        let ps = pageState() // 获取页面状态
    if (elems.length < 1) { console.log('[SaltInPageCSSLoader]未检测到页内CSS'); return } else { console.log('[SaltInPageCSSLoader]检测到页内CSS, 共计' + elems.length + '个') }
        let elems = HTMLElemsFliter(Array.from(document.querySelectorAll('.salt.InPageCSSLoader')))
    for (let el of elems) {
        if (elems.length < 1) { console.log('[SaltInPageCSSLoader]未检测到页内CSS'); return } else { console.log('[SaltInPageCSSLoader]检测到页内CSS, 共计' + elems.length + '个') }
        // 去除标记
        for (let el of elems) {
        el.classList.remove('InPageCSSLoader')
            // 去除标记
        let toolbar = el.querySelector('.toolbar') // Prism处理
            el.classList.remove('InPageCSSLoader')
        if (toolbar) { toolbar.remove() } // Prism处理
            let toolbar = el.querySelector('.toolbar') // Prism处理
        // 内容简单处理
            if (toolbar) { toolbar.remove() } // Prism处理
        let text = (el.textContent || '').replace(/^\n+|\n+$/gm, '') // 去除首尾的空行
            // 内容简单处理
        el.textContent = text
            let text = (el.textContent || '').replace(/^\n+|\n+$/gm, '') // 去除首尾的空行
        let handler = () => {
            el.textContent = text
            // 处理这个元素
            let handler = () => {
            el.style.display = 'none'
                // 处理这个元素
            // 开始主要内容部分
                el.style.display = 'none'
            // 简单的查错
                // 开始主要内容部分
            if (text.length < 3 || text.indexOf('{') == -1 || text.indexOf('}') == -1) {
                // 简单的查错
                highlightEl(el, '检测到不可用的CSS')
                if (text.length < 3 || text.indexOf('{') == -1 || text.indexOf('}') == -1) {
                console.log('[SaltInPageCSSLoader]检测到不可用的CSS:' + text)
                    highlightEl(el, '检测到不可用的CSS')
                 return
                    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)
             }
             }
             // 写入style
             if (ps == 0) {
            let style = document.createElement('style')
                handler()
             style.textContent = text
             } else { // 页面编写者模式
            // 搬运id
                highlightEl(el, '点击应用CSS(页面编写完毕后CSS将默认启用)')
            if (el.hasAttribute('id')) {
                 el.addEventListener('click', handler)
                style.setAttribute('id', el.getAttribute('id'))
                 el.removeAttribute('id')
             }
             }
             document.head.appendChild(style)
             el.style.whiteSpace = 'pre'
         }
         }
         if (ps == 0) {
         /**滤出数组中所有HTMLElement */
             handler()
        function HTMLElemsFliter(els) {
        } else { // 页面编写者模式
             let hel = []
            highlightEl(el, '点击应用CSS(页面编写完毕后CSS将默认启用)')
            for (let el of els)
            el.addEventListener('click', handler)
                if (el instanceof HTMLElement)
                    hel.push(el)
            return hel
         }
         }
         el.style.whiteSpace = 'pre'
         /** 0 - 默认, 浏览页面
    }
        *  
    /**滤出数组中所有HTMLElement */
        *  1 - 编辑/预览页面 */
    function HTMLElemsFliter(els) {
        function pageState() {
        let hel = []
            if (typeof mw != 'undefined' && typeof mw.config != 'undefined' && typeof mw.config.get == 'function') {
        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':
    /** 0 - 默认, 浏览页面
                        return 1
    *  
                    default:
    *  1 - 编辑/预览页面 */
                        return 0
    function pageState() {
                }
        if (typeof mw != 'undefined' && typeof mw.config != 'undefined' && typeof mw.config.get == 'function') {
            } else {
            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') {
    function highlightEl(el, title = '') {
         document.addEventListener('DOMContentLoaded', main)
         el.style.display = 'block'
    } else {
        el.style.fontSize = '1rem'
         main()
         el.style.color = 'crimson'
        el.style.border = '1px solid crimson'
        el.style.paddingLeft = '.5rem'
        el.title = title
     }
     }
})()
})()
</script></includeonly>
</script></includeonly>

2021年1月10日 (日) 15:43的版本

<div name="test" class="salt InPageCSSLoader"><pre>
h1{
    color: royalblue;
    background-color: #f0f6ff;
}
</pre></div>
{{#Widget:SaltInPageCSSLoader}}
h1{
    color: royalblue;
    background-color: #f0f6ff;
}

这个页面的标题（<h1>）变成了蓝字蓝底。

取自“https://mcbbs.wiki/index.php?title=微件:SaltInPageCSSLoader&oldid=25696”