Pure Elm rich text editor for relatively short texts (< 2000 words / 12K characters).
It gets sluggish for longer texts (discussion on Elm-Discourse). If you need better performance, use mweiss/elm-rte-toolkit.
It cannot justify text.
This is currently not supported out of the box, because it is hard to channel CompositionEvents to the Elm RTE object (which is not an input
or textarea
node).
To communicate with the browser's clipboard (to be able to copy text from the RTE to other apps and paste text from other apps into the RTE), you'll need to add two ports to your app:
--from JavaScript to Elm
port fromBrowserClipboard : (String -> msg) -> Sub msg
--from Elm to JavaScript
port toBrowserClipboard : String -> Cmd msg
These ports belong in your subscriptions
and update
functions. See the example's Main.elm.
You will also need a bit of JS:
app.ports.toBrowserClipboard.subscribe(txt => {
navigator.clipboard.writeText(txt).then(function() {
// Copied from app to clipboard
}, function(err) {
console.log(err)
});
});
window.addEventListener('paste', (event) => {
app.ports.fromBrowserClipboard.send(event.clipboardData.getData('text'))
})
You can use a more complicated callback to allow copy/pasting images into the RTE. See the example's index.html.