How to use the Synchronous Clipboard API without native code?

luke · March 14, 2018, 6:25pm

Forgive me! I missed your first question, how to do it in 0.18. I use a custom element:

lukewestby/ellie/blob/server-purs/client/src/Ellie/Ui/CopyText.elm#L13


import Colors
import Css exposing (..)
import Ellie.Ui.Icon as Icon
import Ellie.Ui.Theme as Theme
import Html.Styled as Html exposing (Attribute, Html)
import Html.Styled.Attributes as Attributes exposing (css)




view : String -> Html msg
view contents =
Html.node "ellie-ui-copy-text"
    [ css
        [ backgroundColor Theme.primaryBackground
        , displayFlex
        , alignItems center
        , justifyContent spaceBetween
        , position relative
        ]
    ]
    [ Html.node "ellie-ui-copy-text-content"
        [ css

github.com

lukewestby/ellie/blob/server-purs/client/src/Ellie/Ui/CopyText.js

customElements.define('ellie-ui-copy-text', class extends HTMLElement {
  constructor() {
    super()
    this._timeout = null
    this._onButtonClick = this._onButtonClick.bind(this)
    this._onContentClick = this._onContentClick.bind(this)
  }

  connectedCallback() {
    this._button = this.querySelector('button')
    this._content = this.querySelector('ellie-ui-copy-text-content')
    this._note = this.querySelector('ellie-ui-copy-text-note')
    this._button.addEventListener('click', this._onButtonClick)
    this._content.addEventListener('click', this._onContentClick)
  }

  disconnectedCallback() {
    clearTimeout(this._timeout)
  }

This file has been truncated. show original

Topic		Replies	Views
Copy/Paste of JSON data, anyone know how to do it? Learn	8	5114	October 22, 2022
Immediate event handlers - need some clarification Learn	3	820	December 31, 2020
How to access the pasted clipboard value Learn	4	1297	June 2, 2021
What native module use cases cannot be accomplished via either ports or custom elements? Learn	10	1343	September 11, 2018
Elm Native is public. You can build mobile apps now! Show and Tell	3	3059	March 17, 2023

How to use the Synchronous Clipboard API without native code?

Related topics