web-components. OpenPGPEmailWrite

Custom HTML element that renders the Mailvelope editor for composing a new
encrypted mail. Wraps Mailvelope#createEditorContainer for declarative use.

An armored draft and/or a quoted mail can be supplied through child
<template> elements. All data-* attributes are forwarded as editor
options (see EditorContainerOptions); boolean options follow the
standard HTML boolean-attribute convention (presence = true, regardless of value).

Source
Fires:
  • ready - Dispatched once the editor has been mounted. `event.detail.editor` is the Editor instance used for `encrypt()` and `createDraft()`.event:
  • error - Standard `ErrorEvent`. `event.error.code` may be any code raised by Mailvelope#createEditorContainer — for example `WRONG_ARMORED_TYPE` or `INVALID_OPTIONS`.event:
Example
<openpgp-email-write id="compose" data-sign-msg data-quota="10240">
  <template class="quoted-mail">-----BEGIN PGP MESSAGE-----
...
-----END PGP MESSAGE-----</template>
</openpgp-email-write>
<script>
  document.getElementById('compose').addEventListener('ready', e => {
    const editor = e.detail.editor;
    document.getElementById('send').addEventListener('click', () => {
      editor.encrypt(['bob@example.com']).then(armored => console.log(armored));
    });
  });
</script>