https://anotherwiki.org/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-previewTab.js MediaWiki:Gadget-previewTab.js - Revision history 2026-04-12T14:56:45Z Revision history for this page on the wiki MediaWiki 1.40.0 https://anotherwiki.org/index.php?title=MediaWiki:Gadget-previewTab.js&diff=8641&oldid=prev Jarandhel: 1 revision imported 2022-01-16T04:05:11Z <p>1 revision imported</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 00:05, 16 January 2022</td> </tr> <!-- diff cache key anotherwiki2-wiki_:diff:wikidiff2:1.12:old-8640:rev-8641:1.13.0 --> </table> Jarandhel https://anotherwiki.org/index.php?title=MediaWiki:Gadget-previewTab.js&diff=8640&oldid=prev gp>ReedemtheD3ad!: Version 1.2 from Westgrass. 2018-11-20T07:20:19Z <p>Version 1.2 from <a href="/index.php?title=User:Westgrass&amp;action=edit&amp;redlink=1" class="new" title="User:Westgrass (page does not exist)">Westgrass</a>.</p> <p><b>New page</b></p><div>/* v1.2, By Westgrass https://terraria-zh.gamepedia.com/User:Westgrass */<br /> $(document).ready(function (){<br /> <br /> if(((mw.config.get(&#039;wgAction&#039;) != &#039;edit&#039;)&amp;&amp;(mw.config.get(&#039;wgAction&#039;) != &#039;submit&#039;))||(mw.config.get(&#039;wgPageContentModel&#039;)) != &#039;wikitext&#039;){<br /> return;<br /> }<br /> <br /> //localization.<br /> var $text_wikitext = {<br /> &#039;en&#039;: &#039;Wikitext&#039;,<br /> &#039;zh&#039;: &#039;维基文本&#039;,<br /> &#039;zh-cn&#039;: &#039;维基文本&#039;<br /> }<br /> var $text_preview = {<br /> &#039;en&#039;: &#039;Preview&#039;,<br /> &#039;zh&#039;: &#039;预览&#039;,<br /> &#039;zh-cn&#039;: &#039;预览&#039;<br /> }<br /> var $text_changes = {<br /> &#039;en&#039;: &#039;Changes&#039;,<br /> &#039;zh&#039;: &#039;差异&#039;,<br /> &#039;zh-cn&#039;: &#039;差异&#039;<br /> }<br /> var $text_nochanges = {<br /> &#039;en&#039;: &#039;No change&#039;,<br /> &#039;zh&#039;: &#039;无差异&#039;,<br /> &#039;zh-cn&#039;: &#039;无差异&#039;<br /> }<br /> <br /> $(&#039;#editform&#039;).before(&#039;&lt;div id=&quot;wiki-editor-tabs&quot;&gt;&lt;div class=&quot;wikitext&quot;&gt;&#039;+($text_wikitext[mw.config.get( &#039;wgUserLanguage&#039; )]||&#039;Wikitext&#039;)+&#039;&lt;/div&gt;&lt;div class=&quot;preview&quot;&gt;&#039;+($text_preview[mw.config.get( &#039;wgUserLanguage&#039; )]||&#039;Preview&#039;)+&#039;&lt;/div&gt;&lt;div class=&quot;changes&quot;&gt;&#039;+($text_changes[mw.config.get( &#039;wgUserLanguage&#039; )]||&#039;Changes&#039;)+&#039;&lt;/div&gt;&lt;/div&gt;&#039;);<br /> var $wikitext_button = $(&#039;#wiki-editor-tabs .wikitext&#039;).addClass(&#039;current&#039;);<br /> var $preview_button = $(&#039;#wiki-editor-tabs .preview&#039;);<br /> var $changes_button = $(&#039;#wiki-editor-tabs .changes&#039;);<br /> <br /> $(&#039;#editform&#039;).before(&#039;&lt;div id=&quot;wiki-editor-tabs-preview&quot;&gt;&lt;div class=&quot;sk-fading-circle&quot;&gt;&lt;div class=&quot;sk-circle1 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle2 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle3 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle4 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle5 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle6 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle7 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle8 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle9 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle10 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle11 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle12 sk-circle&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;contents&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;wiki-editor-tabs-changes&quot;&gt;&lt;div class=&quot;sk-fading-circle&quot;&gt;&lt;div class=&quot;sk-circle1 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle2 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle3 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle4 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle5 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle6 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle7 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle8 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle9 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle10 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle11 sk-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;sk-circle12 sk-circle&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;contents&quot;&gt;&lt;/div&gt;&lt;/div&gt;&#039;);<br /> var $preview_loading = $(&#039;#wiki-editor-tabs-preview &gt; div.sk-fading-circle&#039;).first();<br /> var $preview_content = $(&#039;#wiki-editor-tabs-preview &gt; div.contents&#039;).first();<br /> var $changes_loading = $(&#039;#wiki-editor-tabs-changes &gt; div.sk-fading-circle&#039;).first();<br /> var $changes_content = $(&#039;#wiki-editor-tabs-changes &gt; div.contents&#039;).first();<br /> <br /> var $preview_api = new mediaWiki.Api();<br /> var $changes_api = new mediaWiki.Api();<br /> <br /> mw.loader.using( &#039;mediawiki.diff.styles&#039; );<br /> <br /> $wikitext_button.on(&#039;click&#039;, function(){<br /> $preview_api.abort();<br /> $changes_api.abort();<br /> $(&#039;.wikiEditor-ui&#039;).css(&#039;display&#039;, &#039;block&#039;);<br /> $(&#039;#wiki-editor-tabs-preview&#039;).css(&#039;display&#039;, &#039;none&#039;);<br /> $(&#039;#wiki-editor-tabs-changes&#039;).css(&#039;display&#039;, &#039;none&#039;);<br /> $wikitext_button.addClass(&#039;current&#039;);<br /> $preview_button.removeClass(&#039;current&#039;);<br /> $changes_button.removeClass(&#039;current&#039;);<br /> $preview_loading.css(&#039;display&#039;, &#039;block&#039;);<br /> $preview_content.empty();<br /> $changes_loading.css(&#039;display&#039;, &#039;block&#039;);<br /> $changes_content.empty();<br /> });<br /> <br /> $preview_button.on(&#039;click&#039;, function(){<br /> $preview_api.abort();<br /> $changes_api.abort();<br /> $wikitext_button.removeClass(&#039;current&#039;);<br /> $preview_button.addClass(&#039;current&#039;);<br /> $changes_button.removeClass(&#039;current&#039;);<br /> $preview_loading.css(&#039;display&#039;, &#039;block&#039;);<br /> $preview_content.empty();<br /> $changes_loading.css(&#039;display&#039;, &#039;block&#039;);<br /> $changes_content.empty();<br /> var $editor = $(&#039;.wikiEditor-ui&#039;);<br /> $editor.css(&#039;display&#039;, &#039;none&#039;);<br /> $(&#039;#wiki-editor-tabs-preview&#039;).css(&#039;display&#039;, &#039;block&#039;).outerHeight($editor.outerHeight());<br /> $(&#039;#wiki-editor-tabs-changes&#039;).css(&#039;display&#039;, &#039;none&#039;);<br /> <br /> var wikitext = $(&#039;#wpTextbox1&#039;).val();<br /> $preview_api.post( {<br /> formatversion: 2,<br /> action: &#039;parse&#039;,<br /> title: mw.config.get( &#039;wgPageName&#039; ),<br /> text: wikitext,<br /> pst: &#039;&#039;,<br /> prop: &#039;text|modules|jsconfigvars&#039;,<br /> preview: true,<br /> disableeditsection: true,<br /> useskin: mw.config.get( &#039;skin&#039; ),<br /> uselang: mw.config.get( &#039;wgUserLanguage&#039; )<br /> } ).done( function ( data ) {<br /> var loadmodules, $content;<br /> if ( !data.parse || !data.parse.text ) {<br /> return;<br /> }<br /> if ( data.parse.jsconfigvars ) {<br /> mw.config.set( data.parse.jsconfigvars );<br /> }<br /> loadmodules = data.parse.modules.concat(<br /> data.parse.modulescripts,<br /> data.parse.modulestyles<br /> );<br /> mw.loader.load( loadmodules );<br /> $content = $preview_content<br /> .detach()<br /> .html( data.parse.text );<br /> $content.append( &#039;&lt;div class=&quot;visualClear&quot;&gt;&lt;/div&gt;&#039; )<br /> .find( &#039;a:not([href^=&quot;#&quot;])&#039; )<br /> .click( false );<br /> $preview_loading.css(&#039;display&#039;, &#039;none&#039;);<br /> $(&#039;#wiki-editor-tabs-preview&#039;).append( $content );<br /> } );<br /> });<br /> <br /> $changes_button.on(&#039;click&#039;, function(){<br /> $preview_api.abort();<br /> $changes_api.abort();<br /> $wikitext_button.removeClass(&#039;current&#039;);<br /> $preview_button.removeClass(&#039;current&#039;);<br /> $changes_button.addClass(&#039;current&#039;);<br /> $preview_loading.css(&#039;display&#039;, &#039;block&#039;);<br /> $preview_content.empty();<br /> $changes_loading.css(&#039;display&#039;, &#039;block&#039;);<br /> $changes_content.empty().html( &#039;&lt;table class=&quot;diff&quot;&gt;&lt;col class=&quot;diff-marker&quot;/&gt;&lt;col class=&quot;diff-content&quot;/&gt;&#039; +<br /> &#039;&lt;col class=&quot;diff-marker&quot;/&gt;&lt;col class=&quot;diff-content&quot;/&gt;&lt;tbody/&gt;&lt;/table&gt;&#039; );<br /> var $editor = $(&#039;.wikiEditor-ui&#039;);<br /> $editor.css(&#039;display&#039;, &#039;none&#039;);<br /> $(&#039;#wiki-editor-tabs-preview&#039;).css(&#039;display&#039;, &#039;none&#039;);<br /> $(&#039;#wiki-editor-tabs-changes&#039;).css(&#039;display&#039;, &#039;block&#039;).outerHeight($editor.outerHeight());<br /> <br /> mw.loader.using( &#039;mediawiki.diff.styles&#039; );<br /> <br /> var wikitext = $(&#039;#wpTextbox1&#039;).val();<br /> var section = $( &#039;[name=&quot;wpSection&quot;]&#039; ).val();<br /> var postdata = {<br /> formatversion: 2,<br /> action: &#039;query&#039;,<br /> prop: &#039;revisions&#039;,<br /> titles: mw.config.get( &#039;wgPageName&#039; ),<br /> rvdifftotext: wikitext,<br /> rvdifftotextpst: true,<br /> rvprop: &#039;&#039;,<br /> rvsection: section === &#039;&#039; ? undefined : section<br /> };<br /> <br /> $changes_api.post(postdata).done( function ( postResult ) {<br /> var diff;<br /> try {<br /> diff = postResult.query.pages[ 0 ]<br /> .revisions[ 0 ].diff.body;<br /> if (diff){<br /> $changes_content.find( &#039;table.diff tbody&#039; )<br /> .html( diff )<br /> .append( &#039;&lt;div class=&quot;visualClear&quot;&gt;&lt;/div&gt;&#039; );<br /> }<br /> else{<br /> $changes_content.html( &#039;&lt;p style=&quot;text-align:center; font-style: italic;&quot; class=&quot;note-text&quot;&gt;(&#039;+($text_nochanges[mw.config.get( &#039;wgUserLanguage&#039; )]||&#039;No change&#039;)+&#039;)&lt;/p&gt;&#039; )<br /> .append( &#039;&lt;div class=&quot;visualClear&quot;&gt;&lt;/div&gt;&#039; );<br /> }<br /> $changes_loading.css(&#039;display&#039;, &#039;none&#039;);<br /> } catch ( e ) {<br /> // &quot;data.blah is undefined&quot; error, ignore<br /> }<br /> } );<br /> });<br /> <br /> });</div> gp>ReedemtheD3ad!