hirokiky https://blog.hatena.ne.jp/hirokiky/ Make組ブログ https://blog.hirokiky.org/ JavaScript クリップボードにリッチテキストをコピーする方法を説明します。今回はとくにClipboard APIという現在推奨された方法で実装します。 「リッチテキストをコピー」というのは、ペーストしたときにWYSIWYGエディターへ書式が有効なまま入力されることを言っています。たとえばWordでコピーをすると、見出しや太字などを含めてコピーされるのと同じことです。 Clipboardを使ってリッチテキストをコピーする 標準のClipboard APIを使ってリッチテキストをコピーするには、以下のようにします。 const body = '<h1>見出し</h1><strong>太字</strong>' c… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.hirokiky.org%2Fentry%2F2022%2F01%2F26%2F161113" title="JavaScriptのClipboard APIでリッチテキスト（書式付きテキスト）をコピーする - Make組ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-01-26 16:11:13 rich https://blog.hirokiky.org/entry/2022/01/26/161113 1.0 100%