Same as MiniRte except it uses Html.Styled.
id must be unique; it is used to monitor the position of characters.
content is the initial content of the textarea. It can be Just some plain text or a json string generated by encodedContent.
fontSizeUnit defaults to "px".
highlighter runs before each view update and it re-styles the text. See the Content type and the example.
indentUnit defaults to (50,"px").
selectionStyle controls the appearance of selected text. It defaults to [("background", "hsl(217,71%,53%)"), ("color", "white")].
styling.active styles the textarea div in active mode (when editing). Use update (Active True/False) to switch between modes.
tagger turns the package's own Msg type into your app's msg.
Displays the edited text plus the cursor. This object must not be the child of a position: relative node. It screws up cursor placement.
Display formatted text, without an editor.
If you want to preserve the option of editing it, create an editor with init and put it in passive mode with update (Active False).
content can be plain text or a json string created with encodedContent.
fontSizeUnit defaults to "px".
indentUnit defaults to (50,"px").
The attributes in styling will be attached to the div that contains the text.
Make it appear/disappear with update ToggleEmojiBox.
Each x in params.emojis turns into a clickable div that triggers update AddText events.
A Html.select element that triggers update Font events.
A Html.select element that triggers update FontSize events.
Input box for adding hyperlinks and image links.
Make it appear/disappear with update ToggleImageBox or update ToggleLinkBox.
It contains an OK button that triggers update ImageAdd or update LinkAdd.
A switch that turns editing on/off. The params.width field controls its width in px.
Checks if the editor is active. Suitable for both Rte and Rte.
The plain text content of the textarea. Suitable for both Rte and Rte.