微件:SaltTextDiffPalette:修订间差异

删除65字节 、​ 2021年4月10日 (星期六)
.
(测试中)
 
(.)
 
(未显示同一用户的1个中间版本)
第1行: 第1行:
<noinclude><div class="salt-textDiffTool">这里是盐酱牌文字调色板</div>{{#Widget:SaltTextDiffPalette}}</noinclude><includeonly><style>
<noinclude>
.salt-textDiffTool.done{font-size:1rem}.salt-textDiffTool.done .title{width:100%;font-size:1.2rem}.salt-textDiffTool.done .title .subtitle{width:100%;display:inline-block;font-size:1rem}.salt-textDiffTool.done .title .message{width:100%;display:inline-block;font-size:0.875rem}.salt-textDiffTool.done .origin,.salt-textDiffTool.done .edited{width:33%;display:inline-block}.salt-textDiffTool.done .result{width:33%;display:inline-block}.salt-textDiffTool.done .result .delete{color:#333;background-color:#feea;text-decoration:line-through}.salt-textDiffTool.done .result .insert{color:#333;background-color:#efea;text-decoration:underline}.salt-textDiffTool.done .result .normal{color:#222}.salt-textDiffTool.done .result.anticopy .delete{color:#666}.salt-textDiffTool.done .result.anticopy .insert{background-color:#cfcd;text-decoration:none}.salt-textDiffTool.done .result.anticopy .normal{color:crimson;text-decoration:underline}
* 这个调色板并不自带CSS,请自行调用<code>Widget:SaltTextDiffPalette/CSS</code>或者自己写{{tl|CSS}}。
</style><script>"use strict";
<div class="salt-textDiffTool">这里是盐酱牌文字调色板</div>{{#Widget:SaltTextDiffPalette/CSS}}{{#Widget:SaltTextDiffPalette}}</noinclude><includeonly><script>"use strict";
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
第34行: 第34行:
         version();
         version();
         history();
         history();
        let scr = document.createElement('script');
        scr.src = 'https://cdn.staticfile.org/jsdiff/5.0.0/diff.min.js';
        document.head.appendChild(scr);
         let _a_ = Array.from(document.querySelectorAll('.salt-textDiffTool:not(.done)'));
         let _a_ = Array.from(document.querySelectorAll('.salt-textDiffTool:not(.done)'));
         for (let div of _a_) {
         for (let div of _a_) {
             div.classList.add('done');
             div.classList.add('done');
             let _name = div.textContent;
             let _name = div.textContent;
            div.textContent = '';
             let frag = document.createDocumentFragment();
             let frag = document.createDocumentFragment();
             let title = document.createElement('div'), subtitle = document.createElement('span'), msg = document.createElement('span');
             let title = document.createElement('div'), subtitle = document.createElement('span'), msg = document.createElement('div');
             let input1 = document.createElement('textarea'), input2 = document.createElement('textarea');
             let input1 = document.createElement('textarea'), input2 = document.createElement('textarea');
             let btn = document.createElement('button'), result = document.createElement('div');
             let btn = document.createElement('button'), result = document.createElement('div');
             title.className = 'title';
             title.className = 'title';
             title.textContent = prefix + _name;
             title.textContent = prefix + _name + '  ';
             title.style.fontWeight = 'bold';
             title.style.fontWeight = 'bold';
             subtitle.className = 'subtitle';
             subtitle.className = 'subtitle';
            subtitle.title = 'Levenshtein距离: 一段文字需要几个字符的更改才能变为另一段文字, 数值越小, 相似度越高';
             msg.className = 'message';
             msg.className = 'message';
            msg.textContent = '就绪';
             input1.className = 'origin';
             input1.className = 'origin';
             input2.className = 'edited';
             input2.className = 'edited';
             result.className = 'result';
             result.className = 'result';
             btn.textContent = '开始调色';
             btn.textContent = '开始调色';
            result.title = '双击切换文章对比/反抄袭调色板模式';
             result.style.whiteSpace = 'pre-wrap';
             result.style.whiteSpace = 'pre-wrap';
             let changeEventLevenshteinDistance = function () {
             let changeEventLevenshteinDistance = function () {
第90行: 第97行:
                 input2.disabled = false;
                 input2.disabled = false;
                 msg.textContent = '处理完毕';
                 msg.textContent = '处理完毕';
            };
            result.ondblclick = function () {
                if (result.classList.contains('anticopy'))
                    result.classList.remove('anticopy');
                else
                    result.classList.add('anticopy');
             };
             };
             frag.appendChild(title);
             frag.appendChild(title);
            frag.appendChild(msg);
             frag.appendChild(input1);
             frag.appendChild(input1);
             frag.appendChild(input2);
             frag.appendChild(input2);
            frag.appendChild(result);
             frag.appendChild(btn);
             frag.appendChild(btn);
            frag.appendChild(result);
             title.appendChild(subtitle);
             title.appendChild(subtitle);
            title.appendChild(msg);
             div.appendChild(frag);
             div.appendChild(frag);
         }
         }