Greasy Fork

I will FULLY admit that this is generated by an llm. But it seems to work by my testing.

I love your userscript but personally I sometimes find myself needing a tsv/csv or markdown table version of a table.
So this version of the script does that.
Feel free to copy it and update your script. If you prefer not to, that's fine, I can make a fork and change it in my fork.


(function() {
'use strict';

if (!('setClipboard' in GM)) return;

// Global "mode" determines how we process or output the table content.
let mode = null; // can be "html0", "html1", "html2", "html3", "csv", "tsv", "md"
let tables = [];
let tablesBorders = new Map();

/**
* 1) The main "run" function highlights all tables.
* If there's only one table, copy immediately (no click needed).
*/
function run() {
tables = [...document.getElementsByTagName('table')];
if (tables.length === 1) {
// If there's exactly one table, copy without waiting for clicks.
borderHighlight(tables[0]);
copyTable(tables[0]);
tables[0].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
setTimeout(borderNormal, 1000, tables[0]);
} else {
// If there's more than one, highlight them all and wait for user to click.
tables.forEach(elem => {
borderHighlight(elem);
elem.addEventListener('click', takeElem, {capture: true});
elem.addEventListener('contextmenu', takeElem, {capture: true});
});
document.addEventListener('click', stopAll);
}
}

/**
* 2) The "end" function resets everything (removes highlights, events, etc.)
*/
function end() {
tables.forEach(elem => {
borderNormal(elem);
elem.removeEventListener('click', takeElem, {capture: true});
elem.removeEventListener('contextmenu', takeElem, {capture: true});
});
document.removeEventListener('click', stopAll);
tables = [];
tablesBorders = new Map();
}

/**
* 3) If user clicks anywhere else, we cancel the operation.
*/
function stopAll(e) {
e.preventDefault();
e.stopPropagation();
end();
}

/**
* 4) On a table click, copy that table; then end.
*/
function takeElem(e) {
stopAll(e);
const table = e.target.tagName === 'TABLE' ? e.target : e.target.closest('table');
if (table) copyTable(table);
}

/**
* 5) Highlight the table with a dashed green border.
*/
function borderHighlight(elem) {
tablesBorders.set(elem, elem.style.border);
elem.style.border = '2px dashed green';
}

/**
* 6) Restore the table's original border style.
*/
function borderNormal(elem) {
elem.style.border = tablesBorders.get(elem) || '';
}

/**
* 7) Prepare the table by removing certain elements or cleaning up tags.
* This is used only for HTML-based copying (mode: html0..html3).
*/
function processTableForHTML(table, cleanedLevel) {
// clone the table so we don't affect the page's real table
let clone = table.cloneNode(true);

// remove br, wbr, hr, img, style
clone.querySelectorAll('br, wbr, hr, img, style')
.forEach(elem => elem.remove());

// remove or convert links if needed
if (cleanedLevel >= 2) {
// replace with containing the href
clone.querySelectorAll('a').forEach(link => {
const span = document.createElement('span');
span.textContent = link.href;
link.replaceWith(span);
// add space after the link
span.after(' ');
});
}
// if cleanedLevel === 3, convert nearly all tags to except table/row/cell tags
if (cleanedLevel === 3) {
clone.querySelectorAll('*').forEach(elem => {
if (['SPAN','TBODY','THEAD','TFOOT','TR','TH','TD','CAPTION','COLGROUP','COL'].includes(elem.tagName)) {
return;
}
const span = document.createElement('span');
while (elem.firstChild) {
span.appendChild(elem.firstChild);
}
elem.replaceWith(span);
});
} else {
// if cleanedLevel is 1 or 2, we just unify p/div/hX and list elements into
clone.querySelectorAll('p, div, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd')
.forEach(elem => {
const span = document.createElement('span');
while (elem.firstChild) {
span.appendChild(elem.firstChild);
}
// copy attributes
for (let attr of elem.getAttributeNames()) {
span.setAttribute(attr, elem.getAttribute(attr));
}
elem.replaceWith(span);
});
}
return clone;
}

/**
* 8) Convert into a 2D array (array of rows, each row is array of cell text).
*/
function tableTo2DArray(table) {
let result = [];
// For each row ...
for (let row of table.querySelectorAll('tr')) {
let rowData = [];
// For each cell