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" ] 
    ] 

자바 스크립트 :

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