elm：クリップボードにテキストをコピー

Question

ユーザーがelm 0.18のボタンをクリックすると、divからクリップボードにテキストをコピーする方法はありますか？

私はClipboard.elmを見ましたが、コンパイルしてelm 0.18で動作させることはできません。 elm 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'); 
});