https://rtz.tsadra.org/index.php?action=history&feed=atom&title=Widget%3AHighlight
Widget:Highlight - Revision history
2026-10-19T14:30:56Z
Revision history for this page on the wiki
MediaWiki 1.43.9
https://rtz.tsadra.org/index.php?title=Widget:Highlight&diff=126930&oldid=prev
Jeremi: (by SublimeText.Mediawiker)
2018-12-26T17:11:53Z
<p>(by SublimeText.Mediawiker)</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 13:11, 26 December 2018</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l117">Line 117:</td>
<td colspan="2" class="diff-lineno">Line 117:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><script></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><script></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>$(function() {</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>$(function() {</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> $('#searchresults').highlight([<!--{$<del style="font-weight: bold; text-decoration: none;">term</del>}-->]);</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> $('#searchresults').highlight([<!--{$<ins style="font-weight: bold; text-decoration: none;">terms</ins>}-->]);</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>});</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>});</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></script></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></script></div></td></tr>
<!-- diff cache key wiki-rtz:diff:1.41:old-126929:rev-126930:php=table -->
</table>
Jeremi
https://rtz.tsadra.org/index.php?title=Widget:Highlight&diff=126929&oldid=prev
Jeremi: (by SublimeText.Mediawiker)
2018-12-26T17:11:51Z
<p>(by SublimeText.Mediawiker)</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 13:11, 26 December 2018</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l117">Line 117:</td>
<td colspan="2" class="diff-lineno">Line 117:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><script></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><script></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>$(function() {</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>$(function() {</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> $('#searchresults').highlight(<del style="font-weight: bold; text-decoration: none;">'</del><!--{$term}--><del style="font-weight: bold; text-decoration: none;">'</del>);</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> $('#searchresults').highlight(<ins style="font-weight: bold; text-decoration: none;">[</ins><!--{$term}--><ins style="font-weight: bold; text-decoration: none;">]</ins>);</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>});</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>});</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></script></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></script></div></td></tr>
<!-- diff cache key wiki-rtz:diff:1.41:old-126927:rev-126929:php=table -->
</table>
Jeremi
https://rtz.tsadra.org/index.php?title=Widget:Highlight&diff=126927&oldid=prev
Jeremi: (by SublimeText.Mediawiker)
2018-12-26T17:09:41Z
<p>(by SublimeText.Mediawiker)</p>
<p><b>New page</b></p><div><script<br />
src="https://code.jquery.com/jquery-1.12.4.js"<br />
integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="<br />
crossorigin="anonymous"></script><br />
<br />
<script><br />
/*<br />
* jQuery Highlight plugin<br />
*<br />
* Based on highlight v3 by Johann Burkard<br />
* http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html<br />
*<br />
* Code a little bit refactored and cleaned (in my humble opinion).<br />
* Most important changes:<br />
* - has an option to highlight only entire words (wordsOnly - false by default),<br />
* - has an option to be case sensitive (caseSensitive - false by default)<br />
* - highlight element tag and class names can be specified in options<br />
*<br />
* Usage:<br />
* // wrap every occurrance of text 'lorem' in content<br />
* // with <span class='highlight'> (default options)<br />
* $('#content').highlight('lorem');<br />
*<br />
* // search for and highlight more terms at once<br />
* // so you can save some time on traversing DOM<br />
* $('#content').highlight(['lorem', 'ipsum']);<br />
* $('#content').highlight('lorem ipsum');<br />
*<br />
* // search only for entire word 'lorem'<br />
* $('#content').highlight('lorem', { wordsOnly: true });<br />
*<br />
* // don't ignore case during search of term 'lorem'<br />
* $('#content').highlight('lorem', { caseSensitive: true });<br />
*<br />
* // wrap every occurrance of term 'ipsum' in content<br />
* // with <em class='important'><br />
* $('#content').highlight('ipsum', { element: 'em', className: 'important' });<br />
*<br />
* // remove default highlight<br />
* $('#content').unhighlight();<br />
*<br />
* // remove custom highlight<br />
* $('#content').unhighlight({ element: 'em', className: 'important' });<br />
*<br />
*<br />
* Copyright (c) 2009 Bartek Szopka<br />
*<br />
* Licensed under MIT license.<br />
*<br />
*/<br />
<br />
jQuery.extend({<br />
highlight: function (node, re, nodeName, className) {<br />
if (node.nodeType === 3) {<br />
var match = node.data.match(re);<br />
if (match) {<br />
var highlight = document.createElement(nodeName || 'span');<br />
highlight.className = className || 'highlight';<br />
var wordNode = node.splitText(match.index);<br />
wordNode.splitText(match[0].length);<br />
var wordClone = wordNode.cloneNode(true);<br />
highlight.appendChild(wordClone);<br />
wordNode.parentNode.replaceChild(highlight, wordNode);<br />
return 1; //skip added node in parent<br />
}<br />
} else if ((node.nodeType === 1 && node.childNodes) && // only element nodes that have children<br />
!/(script|style)/i.test(node.tagName) && // ignore script and style nodes<br />
!(node.tagName === nodeName.toUpperCase() && node.className === className)) { // skip if already highlighted<br />
for (var i = 0; i < node.childNodes.length; i++) {<br />
i += jQuery.highlight(node.childNodes[i], re, nodeName, className);<br />
}<br />
}<br />
return 0;<br />
}<br />
});<br />
<br />
jQuery.fn.unhighlight = function (options) {<br />
var settings = { className: 'highlight', element: 'span' };<br />
jQuery.extend(settings, options);<br />
<br />
return this.find(settings.element + "." + settings.className).each(function () {<br />
var parent = this.parentNode;<br />
parent.replaceChild(this.firstChild, this);<br />
parent.normalize();<br />
}).end();<br />
};<br />
<br />
jQuery.fn.highlight = function (words, options) {<br />
var settings = { className: 'highlight', element: 'span', caseSensitive: false, wordsOnly: false };<br />
jQuery.extend(settings, options);<br />
<br />
if (words.constructor === String) {<br />
words = [words];<br />
}<br />
words = jQuery.grep(words, function(word, i){<br />
return word != '';<br />
});<br />
words = jQuery.map(words, function(word, i) {<br />
return word.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");<br />
});<br />
if (words.length == 0) { return this; };<br />
<br />
var flag = settings.caseSensitive ? "" : "i";<br />
var pattern = "(" + words.join("|") + ")";<br />
if (settings.wordsOnly) {<br />
pattern = "\\b" + pattern + "\\b";<br />
}<br />
var re = new RegExp(pattern, flag);<br />
<br />
return this.each(function () {<br />
jQuery.highlight(this, re, settings.element, settings.className);<br />
});<br />
};<br />
<br />
</script><br />
<br />
<script><br />
$(function() {<br />
$('#searchresults').highlight('<!--{$term}-->');<br />
});<br />
</script></div>
Jeremi