elm: скопировать текст в буфер обмена

Question

Есть ли способ скопировать текст из div в буфер обмена, когда пользователь нажимает кнопку в вязах 0.18?

Я посмотрел Clipboard.elm, но я не могу заставить его скомпилировать и работать в вязах 0.18. Итак, есть ли официальный способ сделать это в вяже 0.18?

Answer 1

Если целевой браузер поддерживает его, то вы можете сделать это через порты, например:

вяза:

type Msg = Copy 

update : Msg -> Model -> (Model, Cmd Msg) 
update msg model = 
    case Debug.log "msg" msg of 
    Copy -> (model, copy()) 

port copy :() -> Cmd msg 

-- VIEW 
view : Model -> Html Msg 
view model = 
    div [] 
    [ Html.input [ id "copy" ] [] 
    , Html.button [ onClick Copy ] [ text "copy" ] 
    ] 

JavaScript:

const app = Elm.Main.fullscreen(); 
app.ports.copy.subscribe(() => { 
    console.log('copy'); 
    document.querySelector('#copy').select(); 
    document.execCommand('copy'); 
});