"Clipboard API"の検索結果1 - 3 件 / 3件

• あとで読む

  Async Clipboard API

  • 9 users
  • webkit.org
  • テクノロジー
  • 2020/06/24

  Safari 13.1 adds support for the async Clipboard API. This API allows you, as web developers, to write and read data to and from the system clipboard, and offers several advantages over the current state of the art for reading and writing clipboard data via DataTransfer. Let’s take a look at how this new API works. The API The Clipboard API introduces two new objects: Clipboard, which is accessibl

  • clipboard
  • Safari
  • article
  • web
  • Browser
  • data
  • api
• あとで読む

  JavaScriptのClipboard APIでリッチテキスト（書式付きテキスト）をコピーする - Make組ブログ

  • 3 users
  • blog.hirokiky.org
  • テクノロジー
  • 2023/04/20

  クリップボードにリッチテキストをコピーする方法を説明します。今回はとくにClipboard APIという現在推奨された方法で実装します。 「リッチテキストをコピー」というのは、ペーストしたときにWYSIWYGエディターへ書式が有効なまま入力されることを言っています。たとえばWordでコピーをすると、見出しや太字などを含めてコピーされるのと同じことです。 Clipboardを使ってリッチテキストをコピーする 標準のClipboard APIを使ってリッチテキストをコピーするには、以下のようにします。 const body = '<h1>見出し</h1><strong>太字</strong>' const blob = new Blob([body], { type: 'text/html' }) const blobPlain = new Blob([body], { type: 'text

  
• あとで読む

  Clipboard APIで非同期処理を含む操作をする際の注意点とその対策

  • 3 users
  • zenn.dev/cybozu_frontend
  • テクノロジー
  • 2024/08/19

  本記事では、Clipboard APIのブラウザ間での仕様の違いと、非同期処理を含む操作をする際の注意点とその対策をまとめました。 Clipboard APIとは Clipboard APIは、Webアプリケーションがシステムクリップボードにアクセスするためのインターフェースを提供します。 例えば、Clipboard.writeTextを使用すると、クリップボードを特定の文字列で上書きすることができます。 // テキストをクリップボードにコピー navigator.clipboard.writeText("コピーしたいテキスト").then(() => { console.log("コピー成功"); }).catch(err => { console.error("コピー失敗:", err); }); Clipboard APIは、現在W3CのWorking Draftとして公開されていま

  • browser
  • Chrome
  • JavaScript