Embed the editor in the host app:

view : Model -> Html Msg
view model =
    div [ HA.style "margin" "60px" ]
        [ ...
        , Editor.embedded config model.editor
        , ...
        ]

XXX: Changed

Initialize the embedded editor:

init : () -> ( Model, Cmd Msg )
init () =
    ( { editor = Editor.init config AppText.jabberwocky
      , ...
      }
    , Cmd.none
    )

Load text into the embedded editor.

load : WrapOption -> String -> Model -> ( Model, Cmd Msg )
load wrapOption text model =
    let
        newEditor =
            Editor.load wrapOption text model.editor
    in
    ( { model | editor = newEditor }, Cmd.none )

Respond to updates in the editor:

update : Msg -> Model -> ( Model, Cmd Msg )
update msg model =
    case msg of
        EditorMsg editorMsg ->
            let
                ( editor, cmd ) =
                    Editor.update editorMsg model.editor
            in
            ( { model | editor = editor }, Cmd.map EditorMsg cmd )


        ...

Use to insert text into the editor at a given position, e.g.,

pasteToClipboard : Model -> String -> ( Model, Cmd msg )
pasteToClipboard model editor =
    ( { model
        | editor =
            Editor.insert
                (Editor.getWrapOption model.editor)
                (Editor.getCursor model.editor)
                editor
                model.editor
      }
    , Cmd.none
    )

Embed the editor in an app like this:

type alias Model =
    { editor : Editor
    , ...
    }

A typical configuration:

config : EditorConfig Msg
config =
    { editorMsg = EditorMsg
    , sliderMsg = SliderMsg
    , editorStyle = editorStyle
    , width = 500
    , lines = 30
    , lineHeight = 16.0
    , showInfoPanel = True
    , wrapParams = { maximumWidth = 55, optimalWidth = 50, stringWidth = String.length }
    , wrapOption = DontWrap
    }

Example:

type Msg
    = EditorMsg EditorMsg
    | LogErr String
    ...

Get the buffer (mostly for tests)

Get the state (mostly for tests)

Return the current source text

Get the cursor position. See the example for insert.

Get the options for wrapping text. See the example for insert.

Get width in pixels of editor

XXX: Changed

Return the the line at the given position

Return the the line at the given position

Set height of editor in pixels

Set width of editor in pixels

Place string in the editor's clipboard

Scroll the editor to a given line

Scroll the editor to the first occurrence of a given string