pasting slack messages into notes

[trashhalo]

One of my workflows is exporting conversations from slack so I can annotate them and remember information. Slack messages copy and paste terribly in obsidian. This cleans them up so it presents cleanly in markdown. Does not work on mobile. I highlight the text starting from their user name.

<%*
const clip = await navigator.clipboard.read();
if(clip[0] && clip[0].types.includes('text/html')) {
	const htmlBlob = await clip[0].getType('text/html');
	const html  = await (new Response(htmlBlob)).text();
	//tR += "```\n"+html+"\n```\n\n"
	const parser = new DOMParser();
	const doc =  parser.parseFromString(html, "text/html"); 
	const messages = Array.from(doc.querySelectorAll('.c-message_kit__message'));
	messages.forEach((m) => {
		const sender = m.querySelector('.c-message__sender_link');
		if(sender) {
			tR += `[[${sender.innerText}]]\n`;
		}
		const body = m.querySelector('.c-message_kit__blocks');
		if(body) {
			tR += `${tp.obsidian.htmlToMarkdown(body.innerHTML)}\n`;
		}
		const text = m.querySelector('.c-message_kit__text');
		if(text) {
			tR += `${text.innerText}\n`;
		}
		tR += '\n'
	});
} else {
	tR = 'no html in clipboard';
}
%>

[AB1908]

Could you add a picture?

[trashhalo]

Copy and paste without template

Using template

[AB1908]

That looks pretty cool, thanks for taking the time.

[mikevalstar]

They changed the format of their HTML a little, here's a quick update:

<%*
const clip = await navigator.clipboard.read();
if(clip[0] && clip[0].types.includes('text/html')) {
	const htmlBlob = await clip[0].getType('text/html');
	const html  = await (new Response(htmlBlob)).text();
	//tR += "```\n"+html+"\n```\n\n"
	const parser = new DOMParser();
	const doc =  parser.parseFromString(html, "text/html"); 
	const messages = Array.from(doc.querySelectorAll('.c-message_kit__message'));
	messages.forEach((m) => {
		const sender = m.querySelector('.c-message__sender_button');
		if(sender) {
			tR += `[[${sender.innerText}]]\n`;
		}
		const body = m.querySelector('.c-message_kit__blocks');
		if(body) {
			tR += `${tp.obsidian.htmlToMarkdown(body.innerHTML)}\n`;
		}
		const text = m.querySelector('.c-message_kit__text');
		if(text) {
			tR += `${text.innerText}\n`;
		}
		tR += '\n'
	});
} else {
	tR = 'no html in clipboard';
}
%>

[volker-fr]

the htmlToMarkdown doesn't handle the <span block well. I use a modified version that replaces the span with a paragraph.

	        if(body) {
	                 var inner = body.innerHTML;
	                 var spanFix = inner.replace(/<span\s[^>]*class="c-mrkdwn__br".*?><\/span>/g, '<p/>');
	                 msg += `${tp.obsidian.htmlToMarkdown(spanFix)}\n`;
	        }

[marshes]

I might be doing something wrong but I used the block that mikevalstar posted and replaced his if(body) block with yours, and the templater engine ends up failing to parse it.

Does this still work for you? can you share your full template?

[othmanbbm]

Thanks! it really helped. I'm trying to remove spaces between lines, if anyone has an idea. Cheers

[TheStapher]

Hello from the future 👋😅

I’ve been trying to get this to work and can’t seem to get it to work correctly. @trashhalo is there any chance you can take a peak at this and share the script you’re currently using? (If you are still using it / if it has changed)

Thanks a million!

[iesope]

This is fantastic, any way you can make it placed inside quote?