微件:SaltInPageCSSLoader - 版本历史

Litwak913：// Edit via Wikiplus

2023-04-28T17:31:33Z

// Edit via Wikiplus

←上一版本		2023年4月29日 (六) 01:31的版本
第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{

Salt lovely：语法错误

2021-05-03T07:56:41Z

语法错误

←上一版本		2021年5月3日 (一) 15:56的版本
第36行：		第36行：
	if (el.hasAttribute('id')) {		if (el.hasAttribute('id')) {
	let id = el.getAttribute('id') \|\| ''		let id = el.getAttribute('id') \|\| ''
	if (document.head.querySelector( 'style#' + id))) {		if (document.head.querySelector( 'style#' + id )) {
	console.log('[SaltInPageCSSLoader]检测到重复CSS id: ' + id)		console.log('[SaltInPageCSSLoader]检测到重复CSS id: ' + id)
	el.removeAttribute('id')		el.removeAttribute('id')

Salt lovely：优化去重部分

2021-05-03T06:54:00Z

优化去重部分

←上一版本		2021年5月3日 (一) 14:54的版本
第30行：		第30行：
	// 去除标记		// 去除标记
	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#' + ~~(el~~.~~getAttribute~~('id') ~~\|\| ''))) {~~		let id = el.getAttribute('id') \|\| ''
			if (document.head.querySelector( 'style#' + id))) {
			console.log('[SaltInPageCSSLoader]检测到重复CSS id: ' + id)
	el.removeAttribute('id')		el.removeAttribute('id')
	~~console~~.~~log('[SaltInPageCSSLoader]检测到重复CSS' + (el~~.~~getAttribute('id') \|\|~~ ''~~));~~continue		el.style.display = 'none'
			continue
	}		}
			}
	// 内容简单处理		// 内容简单处理
	let text = (el.textContent \|\| '').replace(/^\n+\|\n+$/gm, '') // 去除首尾的空行		let text = (el.textContent \|\| '').replace(/^\n+\|\n+$/gm, '') // 去除首尾的空行

Salt lovely：CSS去重

2021-05-03T06:48:34Z

CSS去重

←上一版本		2021年5月3日 (一) 14:48的版本
第1行：		第1行：
	<noinclude>		<noinclude>
	<pre><div ~~name~~="test" class="salt InPageCSSLoader"><pre>		<pre><div id="test" class="salt InPageCSSLoader"><pre>
	h1{		h1{
	color: royalblue;		color: royalblue;
第7行：		第7行：
	</pre></div>		</pre></div>
	{{#Widget:SaltInPageCSSLoader}}</pre>		{{#Widget:SaltInPageCSSLoader}}</pre>
	<div ~~name~~="test" class="salt InPageCSSLoader"><pre>		<div id="test" class="salt InPageCSSLoader"><pre>
	h1{		h1{
	color: royalblue;		color: royalblue;
第32行：		第32行：
	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之外其他可以存放字符串的属性）
			if (el.hasAttribute('id'))
			if (document.querySelector( 'style#' + (el.getAttribute('id') \|\| ''))) {
			el.removeAttribute('id')
			console.log('[SaltInPageCSSLoader]检测到重复CSS' + (el.getAttribute('id') \|\| ''));continue
			}
	// 内容简单处理		// 内容简单处理
	let text = (el.textContent \|\| '').replace(/^\n+\|\n+$/gm, '') // 去除首尾的空行		let text = (el.textContent \|\| '').replace(/^\n+\|\n+$/gm, '') // 去除首尾的空行
	el.textContent = text		// el.textContent = text
	let handler = () => {		let handler = () => {
	// 处理这个元素		// 处理这个元素
第58行：		第64行：
	handler()		handler()
	} else { // 页面编写者模式		} else { // 页面编写者模式
			el.textContent = text
	highlightEl(el, '点击应用CSS(页面编写完毕后CSS将默认启用)')		highlightEl(el, '点击应用CSS(页面编写完毕后CSS将默认启用)')
	el.addEventListener('click', handler)		el.addEventListener('click', handler)
	}		}
	//el.style.whiteSpace = 'pre'		el.style.whiteSpace = 'pre'
	}		}
	/*滤出数组中所有HTMLElement /		/*滤出数组中所有HTMLElement /

Salt lovely：.

2021-04-20T05:09:43Z

←上一版本		2021年4月20日 (二) 13:09的版本
第55行：		第55行：
	document.head.appendChild(style)		document.head.appendChild(style)
	}		}
	if (ps == 0) {		if (ps == 0 \|\| el.classList.contains('nopreview')) {
	handler()		handler()
	} else { // 页面编写者模式		} else { // 页面编写者模式
第61行：		第61行：
	el.addEventListener('click', handler)		el.addEventListener('click', handler)
	}		}
	el.style.whiteSpace = 'pre'		//el.style.whiteSpace = 'pre'
	}		}
	/*滤出数组中所有HTMLElement /		/*滤出数组中所有HTMLElement /

Salt lovely：在页面加载后再执行// Edit via Wikiplus

2021-01-10T07:43:16Z

在页面加载后再执行// Edit via Wikiplus

显示更改

Salt lovely：.

2021-01-10T07:38:32Z

←上一版本		2021年1月10日 (日) 15:38的版本
第74行：		第74行：
	* 1 - 编辑/预览页面 */		* 1 - 编辑/预览页面 */
	function pageState() {		function pageState() {
	if (mw && mw.config && typeof mw.config.get == 'function') {		if (typeof mw != 'undefined' && typeof mw.config != 'undefined' && typeof mw.config.get == 'function') {
	switch (mw.config.get('wgAction')) {		switch (mw.config.get('wgAction')) {
	case 'view':		case 'view':

Salt lovely：稍微改了一下实现方式问题

2021-01-10T07:37:02Z

稍微改了一下实现方式问题

←上一版本		2021年1月10日 (日) 15:37的版本
第1行：		第1行：
	<noinclude>		<noinclude>
	<pre><div name="test" class="salt InPageCSSLoader"><~~nowiki~~>		<pre><div name="test" class="salt InPageCSSLoader"><pre>
	h1{		h1{
	color: royalblue;		color: royalblue;
	background-color: #f0f6ff;		background-color: #f0f6ff;
	}		}
	</~~nowiki~~></div>		</pre></div>
	{{#Widget:SaltInPageCSSLoader}}</pre>		{{#Widget:SaltInPageCSSLoader}}</pre>
	<div name="test" class="salt InPageCSSLoader"><~~nowiki~~>		<div name="test" class="salt InPageCSSLoader"><pre>
	h1{		h1{
	color: royalblue;		color: royalblue;
	background-color: #f0f6ff;		background-color: #f0f6ff;
	}		}
	</~~nowiki~~></div>		</pre></div>
	{{#Widget:SaltInPageCSSLoader}}		{{#Widget:SaltInPageCSSLoader}}
	这个页面的标题（<h1>）变成了蓝字蓝底。		这个页面的标题（<h1>）变成了蓝字蓝底。
第29行：		第29行：
	// 去除标记		// 去除标记
	el.classList.remove('InPageCSSLoader')		el.classList.remove('InPageCSSLoader')
			let toolbar = el.querySelector('.toolbar') // Prism处理
			if (toolbar) { toolbar.remove() } // Prism处理
	// 内容简单处理		// 内容简单处理
	let text = (el.textContent \|\| '').replace(/^\n+\|\n+$/gm, '') // 去除首尾的空行		let text = (el.textContent \|\| '').replace(/^\n+\|\n+$/gm, '') // 去除首尾的空行

Salt lovely：// Edit via Wikiplus

2021-01-10T07:31:46Z

// Edit via Wikiplus

←上一版本		2021年1月10日 (日) 15:31的版本
第15行：		第15行：
	{{#Widget:SaltInPageCSSLoader}}		{{#Widget:SaltInPageCSSLoader}}
	这个页面的标题（<h1>）变成了蓝字蓝底。		这个页面的标题（<h1>）变成了蓝字蓝底。
	</noinclude><includeonly><script ~~async~~>		</noinclude><includeonly><script defer>
	/**		/**
	* 搬运须知: 您必须在显眼处标识来源“MCBBS Wiki”与作者“Salt_lovely”, 不接受任何形式的简称或不署名。		* 搬运须知: 您必须在显眼处标识来源“MCBBS Wiki”与作者“Salt_lovely”, 不接受任何形式的简称或不署名。

Salt lovely：.

2021-01-10T07:23:43Z

←上一版本		2021年1月10日 (日) 15:23的版本
第15行：		第15行：
	{{#Widget:SaltInPageCSSLoader}}		{{#Widget:SaltInPageCSSLoader}}
	这个页面的标题（<h1>）变成了蓝字蓝底。		这个页面的标题（<h1>）变成了蓝字蓝底。
	</noinclude><includeonly><~~style defer~~>		</noinclude><includeonly><script async>
	/**		/**
	* 搬运须知: 您必须在显眼处标识来源“MCBBS Wiki”与作者“Salt_lovely”, 不接受任何形式的简称或不署名。		* 搬运须知: 您必须在显眼处标识来源“MCBBS Wiki”与作者“Salt_lovely”, 不接受任何形式的简称或不署名。
第25行：		第25行：
	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) { 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) {
	// 去除标记		// 去除标记
第96行：		第96行：
	}		}
	})()		})()
	</~~style~~></includeonly>		</script></includeonly>

微件:SaltInPageCSSLoader - 版本历史

Litwak913：​// Edit via Wikiplus

Salt lovely：​语法错误

Salt lovely：​优化去重部分

Salt lovely：​CSS去重

Salt lovely：​.

Salt lovely：​在页面加载后再执行// Edit via Wikiplus

Salt lovely：​.

Salt lovely：​稍微改了一下实现方式问题

Salt lovely：​// Edit via Wikiplus

Salt lovely：​.

Litwak913：// Edit via Wikiplus

Salt lovely：语法错误

Salt lovely：优化去重部分

Salt lovely：CSS去重

Salt lovely：.

Salt lovely：在页面加载后再执行// Edit via Wikiplus

Salt lovely：.

Salt lovely：稍微改了一下实现方式问题

Salt lovely：// Edit via Wikiplus

Salt lovely：.