实时预览BBCODE
当前为
// ==UserScript== // @name U2实时预览BBCODE // @namespace https://u2.dmhy.org/ // @version 0.2.8 // @description 实时预览BBCODE // @author kysdm // @grant none // @match *://u2.dmhy.org/upload.php* // @match *://u2.dmhy.org/edit.php* // @match *://u2.dmhy.org/forums.php?action=editpost* // @match *://u2.dmhy.org/forums.php?action=reply* // @match *://u2.dmhy.org/forums.php?action=quotepost* // @match *://u2.dmhy.org/forums.php?action=newtopic* // @match *://u2.dmhy.org/comment.php?action=* // @match *://u2.dmhy.org/contactstaff.php // @match *://u2.dmhy.org/sendmessage.php?receiver=* // @icon https://u2.dmhy.org/favicon.ico // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/localforage.min.js // @license Apache-2.0 // ==/UserScript== /* 本脚本基于 Bamboo Green 界面风格进行修改 /* /* 更新日志 https://github.com/kysdm/u2_share/commits/main/u2share_bbcode.user.js */ /* 无法显示的 Tag 由U2自带上传工具上传的文件 Flash 有关的 Tag <u2好像本来就不支持> 从弹窗添加表情 [https://u2.dmhy.org/moresmilies.php?form=upload&text=descr] <不知道能不能修> 我不知道的特殊操作 */ /* 待实现的功能 使用原生JS实现 <本来是原生JS的，写着写着觉得好繁琐，就上jq了。> */ /* 与U2娘显示不同的标签 (非标准操作) */ (async () => { 'use strict'; var lang = new lang_init($('#locale_selection').val()); new init(); const url = location.href.match(/u2\.dmhy\.org\/(upload|forums|comment|contactstaff|sendmessage)\.php/i) || ['', '']; if (url[1] === 'upload') { new auto_save_upload(); } else { new auto_save_message(url[1]); } let currentTab = 0; $('.bbcode').parents("tr:eq(1)").after('<tr><td class="rowhead nowrap" valign="top" style="padding: 3px" align="right">' + lang['preview'] + '</td><td class="rowfollow"><table width="100%" cellspacing="0" cellpadding="5" border="0" ><tbody><tr><td align="left" colspan="2">' + '<div id="bbcode2" style="min-height: 25px; max-height: ' + ($('.bbcode').height() + 30) + 'px; overflow-x: auto ; overflow-y: auto; white-space: pre-wrap;">' + '<div class="child">' + bbcode2html($('.bbcode').val()) + '</div></div></td></tr></tbody></table></td>'); // https://developer.mozilla.org/zh-CN/docs/Web/API/MutationObserver let MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver; let element = document.querySelector('.bbcode'); var height_now, height_last; var observer = new MutationObserver((mutations) => { mutations.forEach(function (mutation) { if (mutation.type == "attributes") { height_now = Number(mutation.target.style.height.replace('px', '')) + 30; if (height_last === height_now) { return } else { height_last = height_now; }; $("#bbcode2").css("max-height", height_now + "px"); } }) }); observer.observe(element, { attributes: true, attributeFilter: ['style'] }); $('.bbcode').scroll(() => { if (currentTab !== 1) return; let scale = ($('#bbcode2').children('.child').get(0).offsetHeight - $('#bbcode2').get(0).offsetHeight) / ($('.bbcode').get(0).scrollHeight - $('.bbcode').get(0).offsetHeight); $('#bbcode2').scrollTop($('.bbcode').scrollTop() * scale); }); $('#bbcode2').scroll(() => { if (currentTab !== 2) return; let scale = ($('#bbcode2').children('.child').get(0).offsetHeight - $('#bbcode2').get(0).offsetHeight) / ($('.bbcode').get(0).scrollHeight - $('.bbcode').get(0).offsetHeight); $('.bbcode').scrollTop($('#bbcode2').scrollTop() / scale); }); $('.bbcode').mouseover(() => { currentTab = 1; }); $('#bbcode2').mouseover(() => { currentTab = 2; }); $('.bbcode').bind('input propertychange', async function updateValue() { let html = bbcode2html($(this).val()); $('#bbcode2').children('.child').html(html); }); $('.codebuttons').click(async function updateValue() { let html = bbcode2html($('.bbcode').val()); $('#bbcode2').children('.child').html(html); }); $("td.embedded.smile-icon a").click(async function updateValue() { await sleep(0); let html = bbcode2html($('.bbcode').val()); $('#bbcode2').children('.child').html(html); }); if (/u2\.dmhy\.org\/upload\.php/i.test(location.href)) { // 添加中括号 function add_brackets(txt) { if (txt === '') { return ''; } else { return '[' + txt + ']'; } }; // 检查重叠的中括号 function check_title(txt) { if (/\[{2,}|\]{2,}/g.test(txt)) { return '<font color="red">' + txt + '</font>'; } else { return txt; } }; var main_title = '<font color="red"><b>' + lang['select_type'] + '</b></font>'; function add_main_title() { var type_id = $('#browsecat').val(); if (type_id === '0') { // console.log('请选择分类...'); main_title = '<font color="red"><b>' + lang['select_type'] + '</b></font>'; } else if (['9', '411', '413', '12', '13', '14', '15', '16', '17', '410', '412'].indexOf(type_id) !== -1) { // console.log('分类ID是： ' + type_id + ' anime'); main_title = '<b>' + add_brackets($('#anime_chinese-input').val()) + add_brackets($('#anime_english-input').val()) + add_brackets($('#anime_original-input').val()) + add_brackets($('#anime_source-input').val()) + add_brackets($('#anime_resolution-input').val()) + add_brackets($('#anime_episode-input').val()) + add_brackets($('#anime_container-input').val()) + add_brackets($('#anime_extra-input').val()) + '</b>'; } else if (['21', '22', '23'].indexOf(type_id) !== -1) { // console.log('分类ID是： ' + type_id + ' manga'); main_title = '<b>' + add_brackets($('#manga_title-input').val()) + add_brackets($('#manga_author-input').val()) + add_brackets($('#manga_volume-input').val()) + add_brackets($('#manga_ended').find("select").val()) + add_brackets($('#manga_publisher-input').val()) + add_brackets($('#manga_remark-input').val()) + '</b>'; } else if (type_id === '30') { // console.log('分类ID是： ' + type_id + ' music'); var prefix_1 = $('#music_prefix').find("select").val(); var prefix_2 = $('#music_collection').find("select").val(); if (['EAC', 'XLD'].indexOf(prefix_1) !== -1) { var music_quality = false; } else if (['Hi-Res', 'Web'].indexOf(prefix_1) !== -1) { var music_quality = true; }; switch (prefix_2) { case "0": // 单张 main_title = '<b>' + add_brackets(prefix_1) + add_brackets($('#music_date-input').val()) + add_brackets($('#music_category-input').val()) + add_brackets($('#music_artist-input').val()) + add_brackets($('#music_title-input').val()) + add_brackets($('#music_serial_number-input').val()) + add_brackets((() => { if (music_quality) { return $('#music_quality-input').val(); } else { return ''; } })()) + add_brackets($('#music_format-input').val()) + '</b>'; break; case "1": // 合集 main_title = '<b>' + add_brackets(prefix_1) + add_brackets('合集') + add_brackets($('#music_category-input').val()) + add_brackets($('#music_title-input').val()) + add_brackets($('#music_quantity-input').val()) + add_brackets((() => { if (music_quality) { return $('#music_quality-input').val(); } else { return ''; } })()) + '</b>'; break; } } else if (type_id === '40') { // console.log('分类ID是： ' + type_id + ' other'); main_title = '<b>' + $('#other_title-input').val() + '</b>'; } else { // console.log('分类ID是： ' + type_id); } $('#checktitle').html(check_title(main_title)); } $("#browsecat").change(() => { new add_main_title; }) $(".torrent-info-input").bind('input propertychange', () => { new add_main_title; }); $('#other_title').after('<tr><td class="rowhead nowrap" valign="top" align="right">' + lang['main_title'] + '</td>' + '<td id="checktitle" class="rowfollow" valign="top" align="left" valign="middle">' + main_title + '</td></tr>' ); }; function bbcode2html(bbcodestr) { const f_reg = new RegExp("^\"?\"?$"); var tempCode = new Array(); var tempCodeCount = 0; function addTempCode(value) { tempCode[tempCodeCount] = value; let returnstr = "<tempCode_" + tempCodeCount + ">"; tempCodeCount++; return returnstr; } const escape_reg = new RegExp("[&\"\'<>]", "g"); bbcodestr = bbcodestr.replace(escape_reg, function (s, x) { switch (s) { case '&': return '&'; case '"': return '"'; case "'": return '''; case '<': return '<'; case '>': return '>'; default: return s; } }); bbcodestr = bbcodestr.replace(/\r\n/g, () => { return '<br>' }); bbcodestr = bbcodestr.replace(/\n/g, () => { return '<br>' }); bbcodestr = bbcodestr.replace(/\r/g, () => { return '<br>' }); // code 标签 const code_reg = new RegExp("\\[code\\](.+?)\\[\\/code\\]", "gis"); bbcodestr = bbcodestr.replace(code_reg, function (s, x) { return addTempCode('<br /><div class="codetop">' + lang['code'] + '</div><div class="codemain">' + x + '</div><br />'); }); // info 标签 const info_reg = new RegExp("\\[(mediainfo|info)\\](.+?)\\[\\/(\\1)\\]", "gis"); bbcodestr = bbcodestr.replace(info_reg, function (s, x, y) { switch (x) { case 'info': return addTempCode('<fieldset class="codemain" style="background-color: transparent; word-break: break-all"><legend><b><span style="color: blue">' + lang['info'] + '</span></b></legend>' + y + '</fieldset>'); case 'mediainfo': return addTempCode('<fieldset class="codemain" style="background-color: transparent; word-break: break-all"><legend><b><span style="color: red">' + lang['mediainfo'] + '</span></b></legend>' + y + '</fieldset>'); default: return s; } }); // 超链接 bbcodestr = bbcodestr.replace(/\[url=((?:https?|ftp|gopher|news|telnet|mms|rtsp):\/\/((?!<|>|\s|"|>|'|<|\(|\)|\[|\]).)+)\](.+?)\[\/url\]/gis, function (s, x, y, z) { return addTempCode('<a class="faqlink" rel="nofollow noopener noreferer" href="' + x + '">' + z + '</a>'); }); bbcodestr = bbcodestr.replace(/\[url\]((?:https?|ftp|gopher|news|telnet|mms|rtsp):\/\/((?!<|>|\s|"|>|'|<|\(|\)|\[|\]).)+)\[\/url\]/gis, function (s, x) { return addTempCode('<a class="faqlink" rel="nofollow noopener noreferer" href="' + x + '">' + x + '</a>') }); // 单个标签 不带参 const o_reg = new RegExp("\\[(\\*|siteurl|site)\\]", "gi"); bbcodestr = bbcodestr.replace(o_reg, function (s, x, y) { switch (x) { case '*': return '<img class="listicon listitem" src="pic/trans.gif" alt="list">'; case 'site': return 'U2分享園@動漫花園'; case 'siteurl': return 'https://u2.dmhy.org'; default: return s; } }); // 成对标签 带参 const d_reg = new RegExp("\\[(rt|font)=([^\\]]+)\\](.*?)\\[(/\\1)\\]", "gis"); while (d_reg.test(bbcodestr)) { bbcodestr = bbcodestr.replace(d_reg, function (s, w, x, y, z) { switch (w) { case 'rt': if (f_reg.test(x)) { return '[' + addTempCode('p3F#oW2@cEn_JHstp-&37DgD' + w) + '=' + x + ']' + y + '[' + addTempCode('p3F#oW2@cEn_JHstp-&37DgD' + z) + ']' } else { return addTempCode('<ruby>' + y + '<rp>(</rp><rt>' + x.replace(/^(?:")?(.*?)(?:")?$/, "$1") + '</rt><rp>)</rp></ruby>'); } case 'font': if (f_reg.test(x)) { return '[' + addTempCode('p3F#oW2@cEn_JHstp-&37DgD' + w) + '=' + x + ']' + y + '[' + addTempCode('p3F#oW2@cEn_JHstp-&37DgD' + z) + ']'; } else { return '<span style="font-family: ' + x.replace(/^(?:")?(.*?)(?:")?$/, "$1") + '">' + y + '</span>'; } default: return s; } }) }; // 成对标签 不带参 const a_reg = new RegExp("\\[(pre|b|i|u|s)\\](.*?)\\[/(\\1)\\]", "gs"); while (a_reg.test(bbcodestr)) { bbcodestr = bbcodestr.replace(a_reg, function (s, x, y, z) { switch (x) { case 'b': return '<b>' + y + '</b>'; case 'i': return '<em>' + y + '</em>'; case 'u': return '<u>' + y + '</u>'; case 's': return '<s>' + y + '</s>'; case 'pre': return '<pre>' + y + '</pre>'; default: return s; } }) }; // 颜色 const color_reg = new RegExp("\\[color=(?:")?([#0-9a-z]{1,15}|[a-z]+?)(?:")?\\](.*?)\\[/color\\]", "gis"); while (color_reg.test(bbcodestr)) { bbcodestr = bbcodestr.replace(color_reg, function (s, x, y) { return '<span style="color: ' + x + '">' + y + '</span>'; }) }; // 文字大小 const size_reg = new RegExp("\\[size=(?:")?([1-7])(?:")?\\](.*?)\\[/size\\]", "gis"); while (size_reg.test(bbcodestr)) { bbcodestr = bbcodestr.replace(size_reg, function (s, x, y) { return '<font size="' + x + '">' + y + '</font>'; }) }; // 图片 bbcodestr = bbcodestr.replace(/\[(img|imglnk)\]([^\]]+)\[\/(?:\1)\]/gi, function (s, x, y) { if (/^https?:\/\/((?!<|>|"|>|'|<|;|\(|\)|\[|\]).)+$/i.test(y)) { switch (x) { case 'img': return addTempCode('<img alt="image" src="' + y + '" style="height: auto; width: auto; max-width: 100%;">'); case 'imglnk': return addTempCode('<a class="faqlink" rel="nofollow noopener noreferer" href="' + y + '"><img alt="image" src="' + y + '" style="height: auto; width: auto; max-width: 100%;"></a>'); } } else { return addTempCode(s); } }); bbcodestr = bbcodestr.replace(/\[img=([^\]]+)\]/gi, function (s, x) { if (/^https?:\/\/((?!<|>|"|>|'|<|;|\(|\)|\[|\]).)+$/i.test(x)) { return addTempCode('<img alt="image" src="' + x + '" style="height: auto; width: auto; max-width: 100%;">'); } else { return addTempCode(s); } }); // 没有bbcode包裹的超链接 bbcodestr = bbcodestr.replace(/((?:https?|ftp|gopher|news|telnet|mms|rtsp):\/\/((?!<|>|\s|"|>|'|<|\(|\)|\[|\]).)+)/gi, function (s, x) { return '<a class="faqlink" rel="nofollow noopener noreferer" href="' + s + '">' + s + '</a>'; }); // 引用 const quote_reg1 = new RegExp("\\[quote\\](.*?)\\[/quote\\]", "gsi"); while (quote_reg1.test(bbcodestr)) { bbcodestr = bbcodestr.replace(quote_reg1, function (s, x) { return '<fieldset><legend>' + lang['quote'] + '</legend>' + x + '</fieldset>'; }); }; const quote_reg2 = new RegExp("\\[quote=([^\\[\\]]*)\\](.*?)\\[/quote\\]", "gsi"); while (quote_reg2.test(bbcodestr)) { bbcodestr = bbcodestr.replace(quote_reg2, function (s, x, y) { if (f_reg.test(x)) { return '<fieldset><legend>' + lang['quote'] + '</legend>' + y + '</fieldset>'; } else { return '<fieldset><legend>' + lang['quote'] + ': ' + x.replace(/^"(.*?)"?$/, "$1") + '</legend>' + y + '</fieldset>'; } }); }; // spoiler const spoiler_reg1 = new RegExp("\\[spoiler\\](.*?)\\[/spoiler\\]", "gsi"); const spoiler_reg2 = new RegExp("\\[spoiler=([^\\]]+)\\](.*?)\\[/spoiler\\]", "gsi"); while (spoiler_reg1.test(bbcodestr)) { bbcodestr = bbcodestr.replace(spoiler_reg1, function (s, x) { return '<table class="spoiler" width="100%"><tbody><tr><td class="colhead">' + lang['spoiler'] + ' ' + '<button class="spoiler-button-show" style="display: none;">' + lang['spoiler_button_1'] + '</button>' + '<button class="spoiler-button-hide">' + lang['spoiler_button_2'] + '</button>' + '</td></tr><tr><td><span class="spoiler-content" style="display: inline;">' + x + '</span></td></tr></tbody></table>'; }); }; while (spoiler_reg2.test(bbcodestr)) { bbcodestr = bbcodestr.replace(spoiler_reg2, function (s, x, y) { if (f_reg.test(x)) { return '<table class="spoiler" width="100%"><tbody><tr><td class="colhead">' + lang['spoiler'] + ' ' + '<button class="spoiler-button-show" style="display: none;">' + lang['spoiler_button_1'] + '</button>' + '<button class="spoiler-button-hide">' + lang['spoiler_button_2'] + '</button>' + '</td></tr><tr><td><span class="spoiler-content" style="display: inline;">' + y + '</span></td></tr></tbody></table>'; } else { return '<table class="spoiler" width="100%"><tbody><tr><td class="colhead">' + x.replace(/^(?:")?(.*?)(?:")?$/, "$1") + ' ' + '<button class="spoiler-button-show" style="display: none;">' + lang['spoiler_button_1'] + '</button>' + '<button class="spoiler-button-hide">' + lang['spoiler_button_2'] + '</button>' + '</td></tr><tr><td><span class="spoiler-content" style="display: inline;">' + y + '</span></td></tr></tbody></table>'; } }); }; // 表情 const em_reg = new RegExp("\\[(em[1-9][0-9]*)\\]", "gi"); bbcodestr = bbcodestr.replace(em_reg, function (s, x) { switch (x) { case (x.match(/^em[1-9][0-9]*/i) || {}).input: return '<img src="pic/smilies/' + x.replace("em", "") + '.gif" alt="[' + x + ']">'; default: return s; } }) for (let i = 0, len = tempCode.length; i < len; i++) { // console.log(i + " : " + tempCode[i]); bbcodestr = bbcodestr.replace("<tempCode_" + i + ">", tempCode[i]); } bbcodestr = bbcodestr.replace(/p3F#oW2@cEn_JHstp-&37DgD/g, ""); if (/(<br>)$/.test(bbcodestr)) { bbcodestr = bbcodestr + '<br>' }; var htmlobj = $.parseHTML('<div>' + bbcodestr + '</div>'); $(htmlobj).children('fieldset').children('fieldset').children('fieldset').children('fieldset').each(function () { $(this).html($(this).html().replace(/(^<legend>[^<]*?<\/legend>)(.*)/i, function (s, x, y) { return x + '<table class="spoiler" width="100%"><tbody>' + '<tr><td class="colhead">' + lang['auto_fold'] + ' ' + '<button class="spoiler-button-show" style="display: none;">' + lang['spoiler_button_1'] + '</button>' + '<button class="spoiler-button-hide" style="">' + lang['spoiler_button_2'] + '</button>' + '</td></tr><tr><td><span class="spoiler-content" style="display: inline;">' + y + '</span></td></tr></tbody></table>'; })) }); return $(htmlobj).html(); }; function init() { var h1 = $('.codebuttons').eq(6).parent().html(); var h2 = $('.codebuttons').eq(7).parent().html(); var h3 = $('.codebuttons').eq(8).parent().html(); $('.codebuttons').eq(8).parent().remove(); $('.codebuttons').eq(7).parent().remove(); $('.codebuttons').eq(6).parent().remove(); $('.codebuttons').eq(2).parent().after('<td class="embedded"><input class="codebuttons" style="text-decoration: line-through;' + 'font-size:11px;margin-right:3px" type="button" value="S" onclick="onEditorActionS(\'descr\', \'EDITOR_S\')">'); $('.codebuttons').eq(5).parent() .after('<td class="embedded"><input class="codebuttons" style="' + 'font-size:11px;margin-right:3px" type="button" value="CODE" onclick="onEditorActionS(\'descr\', \'EDITOR_CODE\')">') .after('<td class="embedded"><input class="codebuttons" style="' + 'font-size:11px;margin-right:3px" type="button" value="PRE" onclick="onEditorActionS(\'descr\', \'EDITOR_PRE\')">') .after('<td class="embedded"><input class="codebuttons" style="' + 'font-size:11px;margin-right:3px" type="button" value="LIST" onclick="onEditorActionS(\'descr\', \'EDITOR_LIST\')">') .after('<td class="embedded"><input class="codebuttons" style="' + 'font-size:11px;margin-right:3px" type="button" value="RT*" onclick="onEditorActionS(\'descr\', \'EDITOR_RT\')">'); // $('.codebuttons').eq(10).attr("onclick", "onEditorActionS('descr','EDITOR_QUOTE')"); $('.codebuttons').eq(10).parent() .after('<td class="embedded"><input class="codebuttons" style="' + 'font-size:11px;margin-right:3px" type="button" value="SPOILER*" onclick="onEditorActionS(\'descr\', \'EDITOR_SPOILER+\')">') .after('<td class="embedded"><input class="codebuttons" style="' + 'font-size:11px;margin-right:3px" type="button" value="SPOILER" onclick="onEditorActionS(\'descr\', \'EDITOR_SPOILER\')">') .after('<td class="embedded"><input class="codebuttons" style="' + 'font-size:11px;margin-right:3px" type="button" value="MEDIAINFO" onclick="onEditorActionS(\'descr\', \'EDITOR_MEDIAINFO\')">') .after('<td class="embedded"><input class="codebuttons" style="' + 'font-size:11px;margin-right:3px" type="button" value="INFO" onclick="onEditorActionS(\'descr\', \'EDITOR_INFO\')">') .after('<td class="embedded"><input class="codebuttons" style="' + 'font-size:11px;margin-right:3px" type="button" value="QUOTE*" onclick="onEditorActionS(\'descr\', \'EDITOR_QUOTE+\')">'); $('.codebuttons').eq(4) .attr("onclick", "onEditorActionS('descr','EDITOR_URL')") .parent().after('<td class="embedded"><input class="codebuttons" style="' + 'font-size:11px;margin-right:3px" type="button" value="URL*" onclick="onEditorActionS(\'descr\', \'EDITOR_URL+\')">'); $('.codebuttons').parents('td:not(.embedded,.rowfollow,.text,.outer)').append('<div id="select_list" style="position:relative;">' + '<div id="select_list1" style="margin-top:5px;margin-bottom:2px; float:left;>' + '<table cellspacing="1" cellpadding="2" border="0"><tbody><tr><td class="embedded">' + h1 + '</td><td class="embedded">' + h2 + '</td><td class="embedded">' + h3 + '</td></tr></tbody></table></div></div>'); const margin = $('.codebuttons').parents('tbody').eq(0).width() - $("#select_list1").width() - 2.6; $("#select_list1").css("margin-left", margin + "px"); $('body').append( '<script type="text/javascript">\n\ function onEditorActionS(textAreaId, action, param) {\n\ var textArea = document.querySelector(".bbcode");\n\ var selStart = textArea.selectionStart;\n\ var selEnd = textArea.selectionEnd;\n\ var selectionText, url;\n\ if (selStart === null || selEnd === null) {\n\ selStart = selEnd = textArea.value.length;\n\ }\n\ switch (action) {\n\ case "EDITOR_S": {\n\ addTag(textArea, "s", null, "", true);\n\ break;\n\ }\n\ case "EDITOR_INFO": {\n\ addTag(textArea, "info", null, "", true);\n\ break;\n\ }\n\ case "EDITOR_MEDIAINFO": {\n\ addTag(textArea, "mediainfo", null, "", true);\n\ break;\n\ }\n\ case "EDITOR_PRE": {\n\ addTag(textArea, "pre", null, "", true);\n\ break;\n\ }\n\ case "EDITOR_CODE": {\n\ addTag(textArea, "code", null, "", true);\n\ break;\n\ }\n\ case "EDITOR_RT": {\n\ if (selStart !== selEnd) {\n\ var title = window.prompt("'+ lang['rt_text'] + '");\n\ if (title === null || title.length === 0) {\n\ break;\n\ }\n\ selectionText = textArea.value.substring(selStart, selEnd);\n\ console.log(selectionText);\n\ addTag(textArea, "rt", title, selectionText, false);\n\ // break;\n\ } else {\n\ text = window.prompt("'+ lang['main_body'] + '");\n\ if (text === null || text.length === 0) {\n\ break;\n\ }\n\ var title = window.prompt("'+ lang['rt_text'] + '");\n\ if (title === null || title.length === 0) {\n\ break;\n\ }\n\ addTag(textArea, "rt", title, text, false);\n\ }\n\ break;\n\ }\n\ case "EDITOR_QUOTE+": {\n\ if (selStart !== selEnd) {\n\ var title = window.prompt("' + lang['main_body_prefix'] + '");\n\ if (title === null || title.length === 0) {\n\ title = "";\n\ }\n\ selectionText = textArea.value.substring(selStart, selEnd);\n\ // addTag(textArea, "quote", null, "", true);\n\ addTag(textArea, "quote", title, selectionText, false);\n\ } else {\n\ text = window.prompt("' + lang['main_body'] + '");\n\ if (text === null || text.length === 0) {\n\ break;\n\ }\n\ var title = window.prompt("' + lang['main_body_prefix'] + '");\n\ if (title === null || title.length === 0) {\n\ title = "";\n\ }\n\ addTag(textArea, "quote", title, text, false);\n\ }\n\ break;\n\ }\n\ case "EDITOR_URL+": {\n\ if (selStart !== selEnd) {\n\ selectionText = textArea.value.substring(selStart, selEnd); // 选中的文字\n\ if (/^(?:https?|ftp|gopher|news|telnet|mms|rtsp):\\/\\/((?!<|>|\\s|"|>|\'|<|\\(|\\)|\\[|\\]).)+/gi.test(selectionText)) {\n\ // 选中的是URL时\n\ var title = window.prompt("' + lang['url_name'] + '");\n\ if (title === null || title.length === 0) {\n\ // selectionText = textArea.value.substring(selStart, selEnd);\n\ // addTag(textArea, "url", null, "", true);\n\ break;\n\ } else {\n\ addTag(textArea, "url", selectionText, title, false);\n\ }\n\ } else {\n\ // 选中的是文字时\n\ var url_link = window.prompt("' + lang['url_link'] + '");\n\ if (url_link === null || url_link.length === 0) {\n\ // selectionText = textArea.value.substring(selStart, selEnd);\n\ // addTag(textArea, "url", null, "", true);\n\ break;\n\ } else {\n\ addTag(textArea, "url", url_link, selectionText, false);\n\ }\n\ }\n\ } else {\n\ text = window.prompt("' + lang['url_link'] + '");\n\ if (text === null || text.length === 0) {\n\ break;\n\ }\n\ var title = window.prompt("' + lang['url_name'] + '");\n\ if (title === null || title.length === 0) {\n\ title = "";\n\ addTag(textArea, "url", null, text, false);\n\ break;\n\ }\n\ addTag(textArea, "url", text, title, false);\n\ }\n\ break;\n\ }\n\ case "EDITOR_SPOILER+": {\n\ if (selStart !== selEnd) {\n\ var title = window.prompt("' + lang['main_body_prefix'] + '");\n\ if (title === null || title.length === 0) {\n\ addTag(textArea, "spoiler", null, "", true);\n\ break;\n\ }\n\ selectionText = textArea.value.substring(selStart, selEnd);\n\ // addTag(textArea, "spoiler", null, "", true);\n\ addTag(textArea, "spoiler", title, selectionText, false);\n\ } else {\n\ text = window.prompt("' + lang['main_body'] + '");\n\ if (text === null || text.length === 0) {\n\ break;\n\ }\n\ var title = window.prompt("' + lang['main_body_prefix'] + '");\n\ if (title === null || title.length === 0) {\n\ title = "";\n\ addTag(textArea, "spoiler", null, text, false);\n\ break;\n\ }\n\ addTag(textArea, "spoiler", title, text, false);\n\ }\n\ break;\n\ }\n\ case "EDITOR_SPOILER": {\n\ addTag(textArea, "spoiler", null, "", true);\n\ break;\n\ }\n\ case "EDITOR_QUOTE": {\n\ if (selStart !== selEnd) {\n\ addTag(textArea, "quote", null, "", true);\n\ } else {\n\ text = window.prompt("' + lang['main_body'] + '");\n\ if (text === null || text.length === 0) {\n\ break;\n\ }\n\ // var title = window.prompt("' + lang['main_body_prefix'] + '");\n\ // if (title === null || title.length === 0) {\n\ // title = "";\n\ // }\n\ addTag(textArea, "quote", null, text, false);\n\ }\n\ break;\n\ }\n\ case "EDITOR_URL": {\n\ if (selStart !== selEnd) {\n\ addTag(textArea, "url", null, "", true);\n\ } else {\n\ text = window.prompt("' + lang['url_link'] + '");\n\ if (text === null || text.length === 0) {\n\ break;\n\ }\n\ addTag(textArea, "url", null, text, false);\n\ }\n\ break;\n\ }\n\ case "EDITOR_LIST": {\n\ if (selStart !== selEnd) {\n\ break;\n\ }\n\ addTag(textArea, "*", null, null, true);\n\ break;\n\ }\n\ }\n\ textArea.focus();\n\ }</script>' ); } })(); async function sleep(interval) { return new Promise(resolve => { setTimeout(resolve, interval); }) }; function lang_init(lang) { var lang_json = { "zh_CN": { "quote": "引用", "info": "发布信息", "mediainfo": "媒体信息", "code": "代码", "spoiler": "警告！下列文字很可能泄露剧情，请谨慎选择是否观看。", "spoiler_button_1": "我就是手贱", "spoiler_button_2": "我真是手贱", "main_title": "主标题", "rt_text": "请输入上标", "main_body": "请输入正文", "main_body_prefix": "请输入标题", "url_name": "请输入网址名称", "url_link": "请输入网址链接", "select_type": "请选择分类...", "preview": "预览", "auto_fold": "过深引用自动折叠" }, "zh_TW": { "quote": "引用", "info": "發佈訊息", "mediainfo": "媒體訊息", "code": "代碼", "spoiler": "警告！下列文字很可能洩露劇情，請謹慎選擇是否觀看。", "spoiler_button_1": "我就是手賤", "spoiler_button_2": "我真是手賤", "main_title": "主標題", "rt_text": "請輸入上標", "main_body": "請輸入正文", "main_body_prefix": "請輸入標題", "url_name": "請輸入網址名稱", "url_link": "請輸入網址連結", "select_type": "請選擇分類...", "preview": "預覽", "auto_fold": "過深引用自動摺疊" }, "zh_HK": { "quote": "引用", "info": "發佈訊息", "mediainfo": "媒體訊息", "code": "代碼", "spoiler": "警告！下列文字很可能洩露劇情，請謹慎選擇是否觀看。", "spoiler_button_1": "我就是手賤", "spoiler_button_2": "我真是手賤", "main_title": "主標題", "rt_text": "請輸入上標", "main_body": "請輸入正文", "main_body_prefix": "請輸入標題", "url_name": "請輸入網址名稱", "url_link": "請輸入網址鏈接", "select_type": "請選擇分類...", "preview": "預覽", "auto_fold": "過深引用自動摺疊" }, "en_US": { "quote": "Quote", "info": "Infobox", "mediainfo": "Media Info", "code": "CODE", "spoiler": "Warning! This section contains spoiler!", "spoiler_button_1": "I agree to view this.", "spoiler_button_2": "Hide this.", "main_title": "Main Title", "rt_text": "Please enter superscript", "main_body": "Please enter the text", "main_body_prefix": "Please enter a title", "url_name": "Please enter the URL name", "url_link": "Please enter the URL link", "select_type": "Please select a type.", "preview": "Preview", "auto_fold": "Over quote auto fold" }, "ru_RU": { "quote": "Цитата", "info": "Отправленные", "mediainfo": "Данные о Медиа", "code": "CODE", "spoiler": "Предупреждение! Данный раздел содержит СПОЙЛЕРЫ!", "spoiler_button_1": "I agree to view this.", "spoiler_button_2": "Hide this.", "main_title": "Основное название", "rt_text": "Пожалуйста, введите надстрочный индекс", "main_body": "Пожалуйста, введите текст", "main_body_prefix": "Пожалуйста, введите название", "url_name": "Пожалуйста, введите имя URL", "url_link": "Пожалуйста, введите URL-ссылку", "select_type": "выберите тип ...", "preview": "Предварительный просмотр", "auto_fold": "Автоматическое складывание для более глубоких ссылок" } }; return lang_json[lang]; }; function auto_save_message(url) { let db; let num_global = num = 10;// 设置自动保存时间间隔 $('#select_list').append('<div id="auto_save_on" style="position:absolute; margin-top:4px; display: none;">' + '<input id="switch" class="codebuttons" style="font-size:11px;margin-right:3px;" type="button" value="自动保存已开启">' + '<input id="clean" class="codebuttons" style="font-size:11px;margin-right:3px;" type="button" value="清空缓存">' + '<span id="auto_save_text" style="display: none;"> 正在保存...</span></div>' + '<div id="auto_save_off" style="position:absolute; margin-top:4px; display: none;">' + '<input class="codebuttons" style="font-size:11px;margin-right:3px;" type="button" value="自动保存已关闭"></div>' ) switch (url) { case 'forums': db = localforage.createInstance({ name: "forums" }); console.log('启用forums数据库'); break; case 'comment': db = localforage.createInstance({ name: "comment" }); console.log('启用comment数据库'); break; case 'contactstaff': db = localforage.createInstance({ name: "staff" }); console.log('启用staff数据库'); break; case 'sendmessage': db = localforage.createInstance({ name: "message" }); console.log('启用message数据库'); break; default: return; } // 为自动保存按钮绑定事件 $("#auto_save_on").click(function (ev) { let button_id = $(ev.target).attr('id'); switch (button_id) { case 'switch': $(this).fadeOut(200) // 渐出按钮 $("#auto_save_off").fadeIn(200); // 渐入按钮 clearInterval($("#auto_save_text").attr('title')); // 清除setInterval函数 db.setItem('switch', false) console.log('自动保存已关闭'); break; case 'clean': clean(); break; } }); $("#auto_save_off").click(function () { $(this).fadeOut(200) $("#auto_save_on").fadeIn(200); $("#auto_save_text").attr("title", setInterval(auto_save, 1000)); // 设置setInterval函数 db.setItem('switch', true) console.log('自动保存已开启'); }); // 提交候选后 删除所有保存的记录 (如果要还原记录，直接返回上一页即可。) $("#qr").click(function () { clean() console.log('提交上传请求'); }); function clean() { db.removeItem('time'); db.removeItem('bbcode'); db.removeItem('subject'); console.log('已清空保存的记录'); } // 检测上次自动保存开关设定 db.getItem('switch').then(async (value) => { if (value) { // 启用自动保存 $("#auto_save_on").show(); $("#auto_save_off").hide(); $("#auto_save_text").attr("title", setInterval(auto_save, 1000)); // 设置setInterval函数 console.log('自动保存已开启'); // 检查输入框内是否已经存在字符串 let _input_bool = true $("input[name='subject']").add('.bbcode').each(function () { let _input = $(this).val() if (_input !== "") { _input_bool = false; return; } }); // 当输入框是空白时 还原上次备份内容 if (_input_bool) { db.getItem('subject').then((value) => { $("input[name='subject']").val(value); }); await db.getItem('bbcode').then((value) => { $('.bbcode').val(value); }) // 还原bbcode输入框内容 $('.bbcode').trigger("input"); // 手动触发bbcode更改 console.log('已还原备份'); }; } else { // 关闭自动保存 $("#auto_save_on").hide(); $("#auto_save_off").show(); db.setItem('switch', false); console.log('发布页自动保存已关闭'); } }).catch(function (err) { // 第一次运行时 <第一次运行时 数据库里什么都没有> // 这段其实也没什么用 数据库中如果没有这个键值 会返回 undefined $("#auto_save_on").hide(); $("#auto_save_off").show(); db.setItem('switch', false); console.log('第一次运行'); console.log(err); }); async function auto_save() { num-- // console.log(num); if (num <= 0) { $("#auto_save_text").fadeIn(2000); db.setItem('time', getDateString()) // 记录保存数据的时间 string await db.setItem('bbcode', $('.bbcode').val()) // 保存 bbcode 输入框内容 await db.setItem('subject', $("input[name='subject']").val()); num = num_global + 4; // 重置倒计时 $("#auto_save_text").fadeOut(2000); }; } } function auto_save_upload() { let num_global = num = 10 // 设置自动保存时间间隔 $('#select_list').append('<div id="auto_save_on" style="position:absolute; margin-top:4px; display: none;">' + '<input id="switch" class="codebuttons" style="font-size:11px;margin-right:3px;" type="button" value="自动保存已开启">' + '<input id="clean" class="codebuttons" style="font-size:11px;margin-right:3px;" type="button" value="清空缓存">' + '<span id="auto_save_text" style="display: none;"> 正在保存...</span></div>' + '<div id="auto_save_off" style="position:absolute; margin-top:4px; display: none;">' + '<input class="codebuttons" style="font-size:11px;margin-right:3px;" type="button" value="自动保存已关闭"></div>' ) var db = localforage.createInstance({ name: "upload" }); console.log('启用upload数据库'); // 为自动保存按钮绑定事件 $("#auto_save_on").click(function (ev) { let button_id = $(ev.target).attr('id'); switch (button_id) { case 'switch': $(this).fadeOut(200) // 渐出按钮 $("#auto_save_off").fadeIn(200); // 渐入按钮 clearInterval($("#auto_save_text").attr('title')); // 清除setInterval函数 db.setItem('switch', false) console.log('发布页自动保存已关闭'); break; case 'clean': clean(); break; } }); $("#auto_save_off").click(function () { $(this).fadeOut(200) $("#auto_save_on").fadeIn(200); $("#auto_save_text").attr("title", setInterval(auto_save, 1000)); // 设置setInterval函数 db.setItem('switch', true) console.log('发布页自动保存已开启'); }); // 提交候选后 删除所有保存的记录 (如果要还原记录，直接返回上一页即可。) $("#qr").click(function () { clean() console.log('提交上传请求'); }); function clean() { db.removeItem('time'); db.removeItem('bbcode'); db.removeItem('small_descr'); db.removeItem('poster'); db.removeItem('anidb_url'); db.removeItem('info'); console.log('已清空保存的记录'); } // 检测上次自动保存开关设定 db.getItem('switch').then(async (value) => { if (value) { // 启用自动保存 $("#auto_save_on").show(); $("#auto_save_off").hide(); $("#auto_save_text").attr("title", setInterval(auto_save, 1000)); // 设置setInterval函数 console.log('发布页自动保存已开启'); // 检查输入框内是否已经存在字符串 let _input_bool = true $("#compose input[id$='-input']").add('#browsecat').add('.bbcode').each(function () { let _input = $(this).val() if (_input !== "" && _input !== "0") { _input_bool = false; return; } // 把input和select一起做判断了 总没人在标题里单独打个0吧 }); // 当输入框是空白时 还原上次备份内容 if (_input_bool) { db.getItem('small_descr').then((value) => { $('[name="small_descr"]').val(value); }) db.getItem('poster').then((value) => { $('[name="poster"]').val(value); }); db.getItem('anidb_url').then((value) => { $('[name="anidburl"]').val(value); }); await db.getItem('info').then((value) => { if (value === null) return; $('#browsecat').val(value['category']); $('#browsecat').change(); // 手动触发列表更改事件 $('#autocheck_placeholder').children().eq(0).prop("checked", value['auto_pass']); $('#autocheck_placeholder').children().eq(1).prop("checked", !value['auto_pass']); for (var key in value) { if (/^(anime|manga|music|other)/.test(key)) { $('#' + key + '-input').val(value[key]); }; }; }); await db.getItem('bbcode').then((value) => { $('.bbcode').val(value); }) // 还原bbcode输入框内容 $('[class^="torrent-info-input"]').trigger("input"); // 手动触发标题更改 $('.bbcode').trigger("input"); // 手动触发bbcode更改 console.log('已还原备份'); }; } else { // 关闭自动保存 $("#auto_save_on").hide(); $("#auto_save_off").show(); db.setItem('switch', false); console.log('发布页自动保存已关闭'); } }).catch(function (err) { // 第一次运行时 <第一次运行时 数据库里什么都没有> // 这段其实也没什么用 数据库中如果没有这个键值 会返回 undefined $("#auto_save_on").hide(); $("#auto_save_off").show(); db.setItem('switch', false); console.log('第一次运行'); console.log(err); }); async function auto_save() { // 由于安全问题 不允许为 input file 赋值 num-- // console.log(num); if (num <= 0) { $("#auto_save_text").fadeIn(2000); db.setItem('time', getDateString()) // 记录保存数据的时间 string await db.setItem('bbcode', $('.bbcode').val()) // 保存 bbcode 输入框内容 // 倒是可以跑循环 直接拿到数据 就不用写这么大一堆了 ( let upload_info = { "category": $('#browsecat').val(), "auto_pass": $('#autocheck_placeholder').children().eq(0).is(':checked'), "anime_chinese": $('#anime_chinese-input').val(), "anime_english": $('#anime_english-input').val(), "anime_original": $('#anime_original-input').val(), "anime_source": $('#anime_source-input').val(), "anime_resolution": $('#anime_resolution-input').val(), "anime_episode": $('#anime_episode-input').val(), "anime_container": $('#anime_container-input').val(), "anime_extra": $('#anime_extra-input').val(), "manga_title": $('#manga_title-input').val(), "manga_author": $('#manga_author-input').val(), "manga_volume": $('#manga_volume-input').val(), "manga_ended": $('#manga_ended-input').val(), "manga_publisher": $('#manga_publisher-input').val(), "manga_remark": $('#manga_remark-input').val(), "music_prefix": $('#music_prefix-input').val(), "music_collection": $('#music_collection-input').val(), "music_date": $('#music_date-input').val(), "music_category": $('#music_category-input').val(), "music_artist": $('#music_artist-input').val(), "music_title": $('#music_title-input').val(), "music_serial_number": $('#music_serial_number-input').val(), "music_quantity": $('#music_quantity-input').val(), "music_quality": $('#music_quality-input').val(), "music_format": $('#music_format-input').val(), "other_title": $('#other_title-input').val() }; await db.setItem('info', upload_info); await db.setItem('small_descr', $('[name="small_descr"]').val()); await db.setItem('poster', $('[name="poster"]').val()); await db.setItem('anidb_url', $('[name="anidburl"]').val()); num = num_global + 4; // 重置倒计时 $("#auto_save_text").fadeOut(2000); }; } }; // 当前时间 字符串格式 function getDateString() { const time = new Date(); return time.getFullYear().toString() + zero(time.getMonth() + 1).toString() + zero(time.getDate()).toString() + zero(time.getHours()) + zero(time.getMinutes()) + zero(time.getSeconds()) }; function zero(obj) { return obj < 10 ? '0' + obj : obj };
