Сохраняет ли navigator.clipboard.write стиль текста?

Question

[Григорий Коваленко]

function buff(h){
    let el = h.closest("td");
    el.innerHTML = el.innerHTML.replace(/ /g, '');
    navigator.clipboard.write(el.innerText).then(function() {
        console.log(el);
    });
}

Привет! Функция выше - копирует текст в буфер обмена, но при этом теряется стиль текста. В данном конкретном случае мне необходимо сохранить некоторые выделенные слова.
Под выделенным текстом, если говорить о коде HTML, имею ввиду тот текст, который выделен<b></b> - теряется "жирность" текста.
Как мне заставить это работать для меня?

Answer 1

[Григорий Коваленко]

Спасибо Алексей Ярков, это работает для меня:

function setClipboard(text) {
    const type = "text/html";
    const blob = new Blob([text], { type });
    const data = [new ClipboardItem({ [type]: blob })];
    navigator.clipboard.write(data).then(
        function () {
            console.log('/* success */');
        },
        function (err) {
            console.log(err);
        }
    );
}

Comments

[Алексей Ярков]

Ну и на здоровье ))

Answer 2

[Алексей Ярков]

el.innerHTML использовать

UPD. Да это у меня чувство юмора дебильное ))
Вот так попробуйте: https://nemecek.be/blog/156/how-to-copy-html-to-cl...

Comments

[Григорий Коваленко]

К сожалению, это дает лишь наличие тегов в тексте.
Если вручную скопировать текст со страницы, в котором есть выделение "жирным", и вставить например, в событие google календаря - текст переносится с сохранением стиля.
Пока не могу добиться этого же с помощью JS.

[Алексей Ярков]

Григорий Коваленко, обновил ответ

[Григорий Коваленко]

В целом, пример по ссылке у меня не заработал. Однако, позволил выйти на Clipboard.write()
Это работает для меня:

function setClipboard(text) {
    const type = "text/html";
    const blob = new Blob([text], { type });
    const data = [new ClipboardItem({ [type]: blob })];
    navigator.clipboard.write(data).then(
        function () {
            console.log('/* success */');
        },
        function (err) {
            console.log(err);
        }
    );
}

Ошибка DOMException: Document is not focused. возникает если из консоли запускать, разумеется на странице работает.