Clean the HTML for the kindle highlights. Make it ready for a blog post with quotation marks and navigation to each header.

clean-kindle-highlights.js

// Open the highlights HTML page on your browser and copy this code in the console of the developer tools
// Don't execute part of the script if you want to avoid some of the changes.

// Remove the highlights elements
const highlights = document.querySelectorAll('.m_noteHeading')
for(let highlight of highlights){
	highlight.parentNode.removeChild(highlight)
}

// Transform the sectionHeading into h2 elements
const headers = document.querySelectorAll('.m_sectionHeading')
for(let header of headers){
	const h2 = document.createElement('h2')
	h2.innerHTML = header.innerHTML
  h2.className = 'sectionHeading';
	header.parentNode.replaceChild(h2, header)	
}

// Transform the div tags with noteText class into blockquote tag
const contents = document.querySelectorAll('.m_noteText')
for(let content of contents){
	const quote = document.createElement('blockquote')
	quote.innerHTML = content.innerHTML
	quote.className = 'noteText';
	content.parentNode.replaceChild(quote, content)	
}

// Create a navigation linking to each header
//  It will be added right at the top of the body, place the HTML wherever you wish
const h2s = document.querySelectorAll('h2')
const menu = document.createElement('nav')
menu.setAttribute('aria-label', 'content navigation')
document.body.insertBefore(menu, document.body.firstChild);

// Add all the a tags pointing to head header to the navigation menu
h2s.forEach((header, index) => {
const indexN = index+1;
header.id = indexN;
const p = document.createElement('p');
p.innerHTML = `<a href='#${indexN}'>${indexN}. ${header.innerHTML}</a>`;
menu.appendChild(p);
})