Copy to clipboard for Dart

clipboard.dart

/// A hack to copy a string to the clipboard.
bool _copyToClipboardHack(String text) {
  final textarea = new TextAreaElement();
  document.body.append(textarea);
  textarea.style.border = '0';
  textarea.style.margin = '0';
  textarea.style.padding = '0';
  textarea.style.opacity = '0';
  textarea.style.position = 'absolute';
  textarea.readOnly = true;
  textarea.value = text;
  textarea.select();
  final result = document.execCommand('copy');
  textarea.remove();
  return result;
}

How can we do it using the navigator's clipboard feature?

You can directly access the clipboard API in Dart. Note that you can only alter the clipboard in response to user events (this is a safety measure).

<button id="copy">Copy!</button>

import 'dart:html';

void main() {
  document.querySelector('#copy').onClick.listen((_) {
    window.navigator.clipboard.writeText("Hello, World!");
  });
}

@bergwerf Thanks for posting a clipboard API example in dart. 💯 🙌 🍻