2024-07-07 17:32:30 +02:00
|
|
|
import {svg} from '../svg.ts';
|
2021-11-16 09:16:05 +01:00
|
|
|
|
2024-11-11 12:13:57 +01:00
|
|
|
export function makeCodeCopyButton(): HTMLButtonElement {
|
2021-11-16 09:16:05 +01:00
|
|
|
const button = document.createElement('button');
|
|
|
|
button.classList.add('code-copy', 'ui', 'button');
|
|
|
|
button.innerHTML = svg('octicon-copy');
|
2022-12-25 18:17:48 +01:00
|
|
|
return button;
|
|
|
|
}
|
|
|
|
|
2025-03-04 03:49:15 +08:00
|
|
|
export function initMarkupCodeCopy(elMarkup: HTMLElement): void {
|
|
|
|
const el = elMarkup.querySelector('.code-block code'); // .markup .code-block code
|
|
|
|
if (!el || !el.textContent) return;
|
2021-11-16 09:16:05 +01:00
|
|
|
|
2025-03-04 03:49:15 +08:00
|
|
|
const btn = makeCodeCopyButton();
|
|
|
|
// remove final trailing newline introduced during HTML rendering
|
|
|
|
btn.setAttribute('data-clipboard-text', el.textContent.replace(/\r?\n$/, ''));
|
|
|
|
el.after(btn);
|
2021-11-16 09:16:05 +01:00
|
|
|
}
|