Greasy Fork is available in English.

ChatGPT Code Export Button

Adds Export button to code blocks in ChatGPT responses, prompts user to save code as file with predefined filename based on coding language detected from the code block's class name.

< ChatGPT Code Export Buttonについてのフィードバック

レート:良 – スクリプトは良好に動作する

Living Men作者
§
投稿日: 2024/07/11

Sometimes the button was inserted after the Copy code button, so I fixed it by changing the code:

// Insert "Export" button after the language label
languageLabel.parentNode.insertBefore(exportButton, languageLabel.nextSibling);

To

// Find the element containing "Copy code"
let copyCodeDiv = null;
const elements = header.querySelectorAll('.flex.items-center.relative.text-token-text-secondary.bg-token-main-surface-secondary.px-4.py-2.text-xs.font-sans.justify-between.rounded-t-md div');
elements.forEach(element => {
if (element.innerHTML.includes('Copy code')) {
copyCodeDiv = element;
}
});

// Insert "Export" button before the found element or append to header if not found
if (copyCodeDiv) {
copyCodeDiv.parentNode.insertBefore(exportButton, copyCodeDiv);
} else {
header.appendChild(exportButton);
}

§
投稿日: 2024/07/11
編集日: 2024/07/11

Thanks a lot, it really fixed it!

返信を投稿

返信を投稿するにはログインしてください。