398 lines
22 KiB
JavaScript
398 lines
22 KiB
JavaScript
// ==UserScript==
|
||
// @name 广谈大湾网 · 微信文章一键导入并排版
|
||
// @namespace local.dww11.wechat-oneclick
|
||
// @version 1.0.9
|
||
// @description 使用网站现有微信采集器，修正标题，统一正文4号黑色，追加1号银色来源；不点击保存或发布。
|
||
// @match https://www.dww11.com/forum.php*
|
||
// @match https://dww11.com/forum.php*
|
||
// @grant GM_xmlhttpRequest
|
||
// @grant unsafeWindow
|
||
// @connect mp.weixin.qq.com
|
||
// @run-at document-idle
|
||
// @noframes
|
||
// ==/UserScript==
|
||
|
||
(() => {
|
||
'use strict';
|
||
const ID = 'dww11-wx-oneclick';
|
||
const FORMAT_ID = 'dww11-format-oneclick';
|
||
let busy = false;
|
||
function setBusy(value) {
|
||
busy = value;
|
||
for (const id of [ID, FORMAT_ID]) {
|
||
const button = document.getElementById(id);
|
||
if (button) button.disabled = value;
|
||
}
|
||
}
|
||
const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));
|
||
const visible = el => el && el.getClientRects().length && getComputedStyle(el).display !== 'none';
|
||
async function waitFor(fn, timeout = 10000) {
|
||
const deadline = Date.now() + timeout;
|
||
while (Date.now() < deadline) {
|
||
const result = fn();
|
||
if (result) return result;
|
||
await sleep(100);
|
||
}
|
||
throw new Error('等待编辑器或采集窗口超时，请关闭遮挡窗口后重试。');
|
||
}
|
||
function normalizeURL(raw) {
|
||
const url = new URL(raw.trim().replace(/[\u200b-\u200d\ufeff]/g, ''));
|
||
if (url.protocol !== 'https:' || url.hostname !== 'mp.weixin.qq.com' || url.port || url.username || url.password || !/^\/(s(?:\/|$)|s$)/.test(url.pathname)) {
|
||
throw new Error('请输入 https://mp.weixin.qq.com/s/… 或 /s?… 微信文章地址。');
|
||
}
|
||
url.hash = '';
|
||
return url.href;
|
||
}
|
||
function cleanText(value) {
|
||
return String(value || '').replace(/\s+/g, ' ').trim();
|
||
}
|
||
function metadata(html) {
|
||
const doc = new DOMParser().parseFromString(html, 'text/html');
|
||
const text = selector => cleanText(doc.querySelector(selector)?.textContent);
|
||
const meta = selector => cleanText(doc.querySelector(selector)?.getAttribute('content'));
|
||
// 与下载组件一致，先确认是真正的文章，避免把验证页标题当成文章。
|
||
if (!doc.querySelector('#js_content')) throw new Error('未找到微信文章正文，可能需要验证、登录，或文章已失效。');
|
||
const title = text('#activity-name .js_title_inner') || text('#activity-name') || meta('meta[property="og:title"]') || meta('meta[name="twitter:title"]') || text('h1') || text('title');
|
||
// 不读取 rich_media_meta_text 容器：它可能包含重复的隐藏作者，或实际上是日期/IP。
|
||
// 来源使用蓝色链接 #js_name 的公众号名称，不使用灰色署名作者。
|
||
const author = text('#js_name');
|
||
if (!title || !author) throw new Error('微信未返回完整标题和公众号名称，可能需要验证或登录。');
|
||
return { title, author };
|
||
}
|
||
function fetchMetadata(url) {
|
||
return new Promise((resolve, reject) => {
|
||
GM_xmlhttpRequest({
|
||
method: 'GET', url, timeout: 25000, anonymous: true,
|
||
onload(response) {
|
||
try {
|
||
if (response.status !== 200) throw new Error('微信返回状态 ' + response.status);
|
||
if (response.finalUrl && new URL(response.finalUrl).hostname !== 'mp.weixin.qq.com') throw new Error('微信地址发生了非预期跳转。');
|
||
resolve(metadata(response.responseText));
|
||
} catch (error) { reject(error); }
|
||
},
|
||
onerror: () => reject(new Error('无法读取微信文章。')),
|
||
ontimeout: () => reject(new Error('读取微信文章超时。'))
|
||
});
|
||
});
|
||
}
|
||
async function getMetadata(url) {
|
||
try { return await fetchMetadata(url); }
|
||
catch (error) {
|
||
const title = prompt(error.message + '\n请从源文章复制完整标题（取消则停止导入）：');
|
||
if (title === null) return null;
|
||
const author = prompt('请填写源文章蓝色链接处的公众号名称（取消则停止导入）：');
|
||
if (author === null) return null;
|
||
if (!cleanText(title) || !cleanText(author)) throw new Error('标题和作者不能为空。');
|
||
return { title: cleanText(title), author: cleanText(author) };
|
||
}
|
||
}
|
||
function editorBody() {
|
||
return document.querySelector('#e_iframe')?.contentDocument?.body;
|
||
}
|
||
async function ensureVisualEditor() {
|
||
const checkbox = document.querySelector('#e_switchercheck');
|
||
if (checkbox?.checked) checkbox.click();
|
||
await waitFor(() => visible(document.querySelector('#e_iframe')) && editorBody());
|
||
}
|
||
// 只监听本次现有采集器的响应，不重写其请求或图片附件处理。
|
||
function watchImport(jq, url) {
|
||
let timer, resolveResult, rejectResult;
|
||
const result = new Promise((resolve, reject) => { resolveResult = resolve; rejectResult = reject; });
|
||
const events = jq(document);
|
||
const cleanup = () => { clearTimeout(timer); events.off('.dww11wx'); };
|
||
const finish = error => { cleanup(); error ? rejectResult(error) : resolveResult(); };
|
||
events.on('ajaxComplete.dww11wx', (_event, xhr, settings) => {
|
||
let requestURL, sentURL;
|
||
try {
|
||
requestURL = new URL(settings.url, location.href);
|
||
sentURL = typeof settings.data === 'string' ? new URLSearchParams(settings.data).get('url') : settings.data?.url;
|
||
} catch { return; }
|
||
if (requestURL.origin !== location.origin || requestURL.searchParams.get('id') !== 'wxcj:cj' || sentURL !== url) return;
|
||
const parts = String(xhr.responseText || '').split('----wxcj----');
|
||
if (xhr.status < 200 || xhr.status >= 300 || parts.length < 4 || !parts[2]?.trim()) {
|
||
finish(new Error('网站采集失败或返回内容不完整。未执行排版，请检查采集提示。'));
|
||
return;
|
||
}
|
||
finish();
|
||
});
|
||
timer = setTimeout(() => finish(new Error('网站采集超过90秒，未执行排版。采集器仍可能在后台返回，请勿连续重复导入。')), 90000);
|
||
return { result, cleanup };
|
||
}
|
||
// 将微信 P/SECTION 的隐式换行改成真实 BR，避免论坛忽略 SECTION 边界。
|
||
function flattenParagraphs(body) {
|
||
const selector = 'p,div,section,article,figure,figcaption,h1,h2,h3,h4,h5,h6';
|
||
const marker = () => {
|
||
const br = body.ownerDocument.createElement('br');
|
||
br.dataset.dww11Boundary = '1'; return br;
|
||
};
|
||
for (const block of Array.from(body.querySelectorAll(selector)).reverse()) {
|
||
if (block.closest('table,ul,ol,blockquote')) continue;
|
||
block.replaceWith(marker(), ...block.childNodes, marker());
|
||
}
|
||
let previous = false, pending = [];
|
||
function finish() {
|
||
const actual = pending.filter(br => !br.hasAttribute('data-dww11-boundary'));
|
||
let retained = false;
|
||
for (const br of pending) {
|
||
if (!br.hasAttribute('data-dww11-boundary')) continue;
|
||
if (previous && !actual.length && !retained) { br.removeAttribute('data-dww11-boundary'); retained = true; }
|
||
else br.remove();
|
||
}
|
||
pending = [];
|
||
}
|
||
const walker = body.ownerDocument.createTreeWalker(body, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT);
|
||
const nodes = []; while (walker.nextNode()) nodes.push(walker.currentNode);
|
||
for (const node of nodes) {
|
||
if (node.nodeType === 1 && node.tagName === 'BR') pending.push(node);
|
||
else if ((node.nodeType === 3 && node.textContent.trim()) || (node.nodeType === 1 && ['IMG', 'VIDEO', 'HR', 'IFRAME'].includes(node.tagName))) {
|
||
finish(); previous = true;
|
||
}
|
||
}
|
||
// 末尾不保留由容器边界制造的额外换行。
|
||
for (const br of pending) if (br.hasAttribute('data-dww11-boundary')) br.remove();
|
||
}
|
||
function spaceImages(body) {
|
||
let previous = null, gapNodes = [], blankLines = 0;
|
||
const changes = [];
|
||
function content(kind, node) {
|
||
if (previous && previous.kind !== kind) {
|
||
let anchor = node;
|
||
while (anchor.parentElement && anchor.parentElement !== body &&
|
||
!['TD', 'TH', 'LI', 'BLOCKQUOTE'].includes(anchor.parentElement.tagName) && !anchor.parentElement.contains(previous.node)) anchor = anchor.parentElement;
|
||
changes.push({ anchor, nodes: gapNodes.slice(), count: Math.max(2, blankLines) });
|
||
}
|
||
previous = { kind, node }; gapNodes = []; blankLines = 0;
|
||
}
|
||
function visit(node) {
|
||
if (node.nodeType === 3) {
|
||
if (node.textContent.trim()) content('text', node); else gapNodes.push(node);
|
||
return;
|
||
}
|
||
if (node.nodeType !== 1 || ['SCRIPT', 'STYLE', 'NOSCRIPT'].includes(node.tagName)) return;
|
||
if (node.tagName === 'BR') { gapNodes.push(node); blankLines++; return; }
|
||
if (node.tagName === 'IMG') { content('image', node); return; }
|
||
for (const child of node.childNodes) visit(child);
|
||
}
|
||
for (const child of body.childNodes) visit(child);
|
||
for (const { anchor, nodes, count } of changes) {
|
||
for (const node of nodes) node.remove();
|
||
const fragment = body.ownerDocument.createDocumentFragment();
|
||
for (let i = 0; i < count; i++) fragment.append(body.ownerDocument.createElement('br'));
|
||
anchor.parentNode.insertBefore(fragment, anchor);
|
||
}
|
||
}
|
||
function formatBody(body, author, sourceText = null) {
|
||
const doc = body.ownerDocument;
|
||
body.querySelectorAll('[data-dww11-wx-source="1"]').forEach(el => el.remove());
|
||
// Discuz 会把内联 color 值直接转为 [color=…]。
|
||
// !important 不能出现在该值中；颜色和字号只用原生 FONT 属性。
|
||
for (const el of [body, ...body.querySelectorAll('*')]) {
|
||
if (['SCRIPT', 'STYLE'].includes(el.tagName)) continue;
|
||
for (const property of ['font', 'font-size', 'color', '-webkit-text-fill-color']) {
|
||
el.style.removeProperty(property);
|
||
}
|
||
// 其他排版属性也不保留 CSS 优先级，避免它泄漏进论坛标签。
|
||
for (const property of Array.from(el.style)) {
|
||
if (el.style.getPropertyPriority(property)) {
|
||
el.style.setProperty(property, el.style.getPropertyValue(property));
|
||
}
|
||
}
|
||
if (!el.style.cssText) el.removeAttribute('style');
|
||
}
|
||
// 去掉采集器或旧版脚本生成的嵌套 FONT，保留其中的内容和图片。
|
||
for (const font of Array.from(body.querySelectorAll('font'))) {
|
||
font.replaceWith(...font.childNodes);
|
||
}
|
||
flattenParagraphs(body);
|
||
spaceImages(body);
|
||
// 所有正文内容和换行放在同一 FONT 中。不能使用只有 BR 的空 FONT：
|
||
// 论坛转换器可能清除空格式标签，导致空行退回默认1号或直接丢失。
|
||
const articleFont = doc.createElement('font');
|
||
articleFont.size = '4'; articleFont.color = '#000000';
|
||
articleFont.dataset.dww11WxBody = '1';
|
||
articleFont.append(...body.childNodes);
|
||
body.append(articleFont);
|
||
// A 自身的浏览器默认蓝色会覆盖外层继承色，链接文字另设黑色。
|
||
for (const link of articleFont.querySelectorAll('a')) {
|
||
const linkFont = doc.createElement('font');
|
||
linkFont.size = '4'; linkFont.color = '#000000';
|
||
linkFont.append(...link.childNodes); link.append(linkFont);
|
||
}
|
||
// 只用于编辑器图片适配；帖子展示仍交给网站原有图片/附件规则。
|
||
for (const img of articleFont.querySelectorAll('img')) {
|
||
img.style.maxWidth = '100%'; img.style.height = 'auto';
|
||
}
|
||
const source = doc.createElement('p');
|
||
source.dataset.dww11WxSource = '1';
|
||
const font = doc.createElement('font');
|
||
font.size = '1'; font.color = '#c0c0c0';
|
||
const lines = (sourceText ?? `来源：${author}，如有侵权，请联系删除。`).split('\n');
|
||
lines.forEach((line, index) => {
|
||
if (index) font.append(doc.createElement('br'));
|
||
font.append(doc.createTextNode(line));
|
||
});
|
||
source.append(font); body.append(source);
|
||
}
|
||
function existingSource(body) {
|
||
// 按段落和 BR 读取末尾逻辑行，兼容嵌套 FONT、纯文本及末尾空段落。
|
||
const lines = [];
|
||
let parts = [];
|
||
function flush() {
|
||
const text = cleanText(parts.map(part => part.node.textContent.slice(part.start, part.end)).join(''));
|
||
if (text) lines.push({ text, parts });
|
||
parts = [];
|
||
}
|
||
function visit(node) {
|
||
if (node.nodeType === 3) {
|
||
// 保留文本中的显式换行，并记录精确位置，避免删除同容器中的正文。
|
||
const value = node.textContent;
|
||
let start = 0;
|
||
for (let i = 0; i <= value.length; i++) {
|
||
if (i !== value.length && value[i] !== '\n') continue;
|
||
// HTML 缩进换行通常只是空白；只有后续是来源或版权行才分行。
|
||
if (i < value.length && !/^\s*(?:(?:来源|文章来源|本文来源|图文来源|文字来源|作者|作者信息|来源作者|转自|转载自|出处)\s*[:：]|如有侵权|若有侵权|侵权请|转载请|版权归)/.test(value.slice(i + 1))) continue;
|
||
if (i > start) parts.push({ node, start, end: i });
|
||
if (i < value.length) flush();
|
||
start = i + 1;
|
||
}
|
||
return;
|
||
}
|
||
if (node.nodeType !== 1 || ['SCRIPT', 'STYLE', 'NOSCRIPT'].includes(node.tagName)) return;
|
||
if (node.tagName === 'BR') { flush(); return; }
|
||
if (['IMG', 'VIDEO', 'AUDIO', 'IFRAME', 'HR'].includes(node.tagName)) {
|
||
flush(); lines.push({ text: '\ufffc', parts: [] }); return;
|
||
}
|
||
const block = /^(P|DIV|SECTION|ARTICLE|FIGURE|FIGCAPTION|H[1-6]|LI|TR|BLOCKQUOTE|PRE)$/.test(node.tagName);
|
||
if (block) flush();
|
||
for (const child of node.childNodes) visit(child);
|
||
if (block) flush();
|
||
}
|
||
for (const child of body.childNodes) visit(child);
|
||
flush();
|
||
let first = -1;
|
||
for (let i = lines.length - 1; i >= 0; i--) {
|
||
if (/^(?:来源|文章来源|本文来源|图文来源|文字来源|作者|作者信息|来源作者|转自|转载自|出处)\s*[:：]\s*\S/.test(lines[i].text)) {
|
||
first = i;
|
||
} else if (!/^(?:如有侵权|若有侵权|侵权请|转载请|版权归)/.test(lines[i].text)) {
|
||
break;
|
||
}
|
||
}
|
||
if (first < 0) return null;
|
||
const start = lines[first].parts[0];
|
||
const range = body.ownerDocument.createRange();
|
||
range.setStart(start.node, start.start);
|
||
range.setEnd(body, body.childNodes.length);
|
||
return {
|
||
text: lines.slice(first).map(line => line.text).join('\n'),
|
||
remove: () => range.deleteContents()
|
||
};
|
||
}
|
||
async function runFormat(button) {
|
||
if (busy) return;
|
||
setBusy(true);
|
||
try {
|
||
await ensureVisualEditor();
|
||
const body = editorBody();
|
||
const source = existingSource(body);
|
||
const hasText = cleanText(body.textContent).replace(source ? cleanText(source.text) : '', '').trim();
|
||
if (!hasText && !body.querySelector('img,video,audio,iframe,hr,table')) {
|
||
throw new Error('正文为空，请先输入或粘贴文章。');
|
||
}
|
||
const raw = source ? '' : prompt('未在文末检测到来源／作者信息，请补充来源公众号名称（取消则停止排版）：');
|
||
if (raw === null) return;
|
||
const author = cleanText(raw);
|
||
if (!source && !author) throw new Error('来源公众号名称不能为空。');
|
||
button.textContent = '正在排版…';
|
||
// 已有来源保留原文，仅调整字号颜色；没有时才生成来源行。
|
||
source?.remove();
|
||
formatBody(body, author, source?.text ?? null);
|
||
alert(`排版完成。\n正文：4号黑色；来源：1号银色。\n${source ? source.text : `来源：${author}`}\n请人工检查后自行决定是否保存或发布。`);
|
||
} catch (error) { alert('排版未完成：' + error.message); }
|
||
finally {
|
||
setBusy(false);
|
||
button.textContent = '一键排版';
|
||
}
|
||
}
|
||
async function run(button) {
|
||
if (busy) return;
|
||
const raw = prompt('粘贴微信公众号文章 URL：');
|
||
if (raw === null || !raw.trim()) return;
|
||
setBusy(true);
|
||
let watcher;
|
||
try {
|
||
const url = normalizeURL(raw);
|
||
const jq = unsafeWindow.myJQ;
|
||
if (typeof jq !== 'function' || !jq.fn?.on) throw new Error('没有找到网站微信采集器的 myJQ，请刷新页面后重试。');
|
||
const plugin = document.querySelector('#e_controls .wxcj');
|
||
if (!plugin) throw new Error('当前页面没有微信采集组件。');
|
||
button.textContent = '读取标题和作者…';
|
||
const info = await getMetadata(url);
|
||
if (!info) return;
|
||
const subject = document.querySelector('#subject');
|
||
if (!subject) throw new Error('没有找到标题框。');
|
||
if (subject.maxLength > 0 && info.title.length > subject.maxLength) throw new Error('完整标题超过标题框长度限制，请先处理标题长度。');
|
||
await ensureVisualEditor();
|
||
button.textContent = '采集文章中…';
|
||
plugin.click();
|
||
const input = await waitFor(() => Array.from(document.querySelectorAll('.wxjc-dialog input')).find(visible));
|
||
const submit = input.closest('.wxjc-dialog').querySelector('.wxjc-subimt');
|
||
if (!submit) throw new Error('没有找到采集按钮。');
|
||
input.value = url;
|
||
input.dispatchEvent(new Event('input', { bubbles: true }));
|
||
input.dispatchEvent(new Event('change', { bubbles: true }));
|
||
watcher = watchImport(jq, url);
|
||
// 先登记失败处理，避免点击失败时留下未处理的 Promise。
|
||
watcher.result.catch(() => {});
|
||
submit.click();
|
||
await watcher.result;
|
||
button.textContent = '正在排版…';
|
||
const body = await waitFor(() => editorBody()?.innerHTML.trim() && editorBody());
|
||
formatBody(body, info.author);
|
||
subject.value = info.title;
|
||
subject.dispatchEvent(new Event('input', { bubbles: true }));
|
||
subject.dispatchEvent(new Event('change', { bubbles: true }));
|
||
subject.dispatchEvent(new KeyboardEvent('keyup', { bubbles: true }));
|
||
// 正文保持在可视化编辑器，由网站正常提交流程转成 BBCode。
|
||
// 不把 HTML 写入纯文本 message，也不调用任何保存／发布入口。
|
||
alert(`导入并排版完成。\n标题：${info.title}\n作者：${info.author}\n正文：4号黑色；来源：1号银色。\n请人工检查后自行决定是否保存或发布。`);
|
||
} catch (error) { alert('导入未完成：' + error.message); }
|
||
finally {
|
||
watcher?.cleanup();
|
||
setBusy(false);
|
||
button.textContent = '一键导入微信公众号并排版';
|
||
}
|
||
}
|
||
function mount() {
|
||
const toolbar = document.querySelector('#e_controls');
|
||
if (!toolbar || !document.querySelector('#subject')) return;
|
||
const style = 'position:relative;z-index:2;padding:0 12px;height:32px;line-height:30px;border:1px solid #159447;border-radius:4px;background:#159447;color:white;font-size:13px;cursor:pointer;';
|
||
// 右浮动的同一组内使用 flex，保证排版按钮始终位于导入按钮左侧。
|
||
let group = document.getElementById('dww11-wx-actions');
|
||
if (!group) {
|
||
group = document.createElement('span');
|
||
group.id = 'dww11-wx-actions';
|
||
group.style.cssText = 'float:right;display:inline-flex;align-items:center;gap:8px;margin:6px 8px;';
|
||
toolbar.append(group);
|
||
}
|
||
if (!document.getElementById(FORMAT_ID)) {
|
||
const button = document.createElement('button');
|
||
button.id = FORMAT_ID; button.type = 'button';
|
||
button.textContent = '一键排版'; button.style.cssText = style;
|
||
button.disabled = busy;
|
||
button.addEventListener('click', () => runFormat(button));
|
||
group.prepend(button);
|
||
}
|
||
if (toolbar.querySelector('.wxcj') && !document.getElementById(ID)) {
|
||
const button = document.createElement('button');
|
||
button.id = ID; button.type = 'button';
|
||
button.textContent = '一键导入微信公众号并排版'; button.style.cssText = style;
|
||
button.disabled = busy;
|
||
button.addEventListener('click', () => run(button));
|
||
group.append(button);
|
||
}
|
||
}
|
||
mount();
|
||
const observer = new MutationObserver(mount);
|
||
observer.observe(document.documentElement, { childList: true, subtree: true });
|
||
})();
|