LLWiki正在建设中,欢迎加入我们!
“MediaWiki:Gadget-code-prettify.js”的版本间差异
跳转到导航
跳转到搜索
小 |
|||
第34行: | 第34行: | ||
if ($block.length === 0) { return; } |
if ($block.length === 0) { return; } |
||
console.log('Hook: wikipage.content, 开始执行语法高亮'); |
console.log('Hook: wikipage.content, 开始执行语法高亮'); |
||
const path = '// |
const path = '//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js'; |
||
(window.hljs ? Promise.resolve() : mw.loader.getScript( path )).then(function() { // 不重复下载脚本 |
(window.hljs ? Promise.resolve() : mw.loader.getScript( path )).then(function() { // 不重复下载脚本 |
||
// 1. 语法高亮 |
// 1. 语法高亮 |
2022年5月17日 (二) 20:45的最新版本
//<nowiki> // 由ResourceLoader直接调用,不可使用ES6语法 /** * @Function: 高亮JavaScript、CSS、HTML和Lua,按行号跳转,并添加行号和指示色块 * @Dependencies: ext.gadget.SettingsDialog * @Source: [[moegirl:mediawiki:gadget-code-prettify.js]]和[[moegirl:user:机智的小鱼君/gadget/Highlight.js]] * @EditedBy: [[User:Bhsd]] */ "use strict"; /*global wgULS, hljs */ mw.gadgets.codePrettify = $.extend( mw.storage.getObject( 'gadget-codePrettify' ), mw.gadgets.codePrettify ); const acceptLangs = {js: "javascript", javascript: "javascript", json: "json", css: "css", html: "xml", scribunto: "lua", lua: "lua"}, contentModel = mw.config.get( "wgPageContentModel" ).toLowerCase(), wrap = mw.gadgets.codePrettify.wrap || []; mw.messages.set( wgULS({'gadget-cp-label': '代码高亮显示', 'gadget-cp-wrap': '自动换行', 'gadget-cp-on': '开启'}, {'gadget-cp-label': '代碼高亮顯示', 'gadget-cp-wrap': '自動換行', 'gadget-cp-on': '開啟'}) ); mw.settingsDialog.addTab({name: 'codePrettify', label: 'gadget-cp-label', items: [ {key: 'wrap', type: 'CheckboxMultiselect', label: 'gadget-cp-wrap', config: {options: [{data: 'on', label: mw.msg( 'gadget-cp-on' )}]} } ], help: '代码高亮显示'}); mw.hook( 'wikipage.content' ).add(function($content) { if (contentModel in acceptLangs) { $content.find( '.mw-code' ).addClass('hljs linenums ' + acceptLangs[contentModel]); } $content.find('pre[lang], code[lang]').addClass(function() { const $self = $(this), lang = $self.attr( "lang" ).toLowerCase(); if (lang in acceptLangs) { return "hljs " + acceptLangs[lang] + ($self.is('pre') ? " linenums" : ""); } }); const $block = $content.find( '.hljs:not(.highlighted)' ); // 不重复高亮 if ($block.length === 0) { return; } console.log('Hook: wikipage.content, 开始执行语法高亮'); const path = '//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js'; (window.hljs ? Promise.resolve() : mw.loader.getScript( path )).then(function() { // 不重复下载脚本 // 1. 语法高亮 $block.each(function() { hljs.highlightBlock( this ); }).addClass( 'highlighted' ).filter( '.linenums' ) .html(function() { // 添加行号。这里不使用<table>排版,而是使用<ol> const $this = $(this), start = $this.data( 'start' ) || 1; $this.children( ':contains(\n)' ).replaceWith(function() { // 先处理跨行元素 const $self = $(this); return $self.html().split( '\n' ).map(function(ele) { return $self.clone().html( ele ).prop( 'outerHTML' ); }).join('\n'); }); var lines = $this.html().replace(/\n$/, '').split('\n'); if (mw.config.get( 'wgNamespaceNumber' ) == 274) { lines = lines.slice(1, -1); } // 扔掉首尾的Wikitext注释 return $('<ol>', { start: start, html: lines.map(function(ele, i) { return $('<li>', {html: ele, id: 'L' + (i + start)}); }) }).css('padding-left', (lines.length + start - 1).toString().length + 2.5 + 'ch'); }).filter( '.mw-code' ).toggleClass('scroll', wrap.length === 0); mw.hook( 'code.prettify' ).fire( $block ); // 2. 手动跳转 const fragment = location.hash.slice(1), target = document.getElementById( fragment || null ); // 用户输入内容,禁止使用$() if (/^L\d+$/.test( fragment ) && target) { target.scrollIntoView({ behavior: 'smooth' }); } // 3. 对CSS代码添加指示色块 const $cssblock = $block.filter( '.css' ); if ($cssblock.length === 0) { return; } const $color = $('<span>', {class: 'hljs-color'}); $cssblock.find( '.hljs-number:contains(#)' ).before(function() { // 16进制颜色 const color = this.textContent, n = color.length, alpha = n == 5 ? color[4].repeat(2) : color.slice(7); return $color.clone().css({ color: color.slice(0, n > 5 ? 7 : 4), opacity: alpha ? parseInt(alpha, 16) / 255 : undefined }); }); $cssblock.find( '.hljs-built_in:contains(rgb), .hljs-built_in:contains(hsl)' ).before(function() { // RGB颜色 const $siblings = $(this).parent().contents(), // 标点符号都是text节点,所以需要使用contents index = $siblings.index( this ), n = this.textContent.length == 4 ? 9 : 7, // rgba/hsla或rgb/hsl // 右半括号那一项可能有分号 color = $siblings.slice(index, index + n).map(function() { return this.textContent; }).toArray(); return $color.clone().css({ color: color[0].slice(0, 3) + color.slice(1, 7).join('') + ')', opacity: color[8] }); }); }, function(reason) { mw.apiFailure(reason, 'highlight.js'); }); }); //</nowiki> // [[category:作为模块的小工具]] [[category:阅读工具]] [[category:默认开启的小工具]] [[category:桌面版小工具]] [[category:手机版小工具]] // {{DEFAULTSORT:code-prettify.js}}