# MarkItUP - textarea with a markdown toolbar

**URL:** <https://discourse.elm-lang.org/t/markitup-textarea-with-a-markdown-toolbar/10502>\
**Category:** Show and Tell\
**Created:** [December 10, 2025, 8:59pm UTC](https://discourse.elm-lang.org/t/markitup-textarea-with-a-markdown-toolbar/10502 "2025-12-10T20:59:07Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![setop](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/setop/32/4331_2.png) [@setop](https://discourse.elm-lang.org/u/setop)\
**Post date:** [December 10, 2025, 8:59pm UTC](https://discourse.elm-lang.org/t/markitup-textarea-with-a-markdown-toolbar/10502/1 "2025-12-10T20:59:07Z")

</div>

This is [Elm-Markitup](https://www.zoocoop.com/mui-demo.html).

 ![screenshot](https://canada1.discourse-cdn.com/flex035/uploads/elm_lang/original/2X/0/027442bca37c74ce450d6a7cacdb35d0273e31b4.png)

It wraps the venerable [“markItUp! universal markup jQuery editor”](https://markitup.jaysalvat.com/home/) into a web component usable from Elm.

Users can reach for the toolbar to input some markdown syntax, so they don’t have to know it by heart.

On Elm side, it can be used as any HTML component with its dedicated event `onEditorChanged`.

A [sample code](https://codeberg.org/setop/elm-markitup/src/branch/main/src/Miudemo.elm#L40) is provided along with the [source code](https://codeberg.org/setop/elm-markitup/).

---

<div class="post-metadata">

**Author:** ![dirkbj](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/dirkbj/32/3162_2.png) [@dirkbj](https://discourse.elm-lang.org/u/dirkbj)\
**Post date:** [December 10, 2025, 9:56pm UTC](https://discourse.elm-lang.org/t/markitup-textarea-with-a-markdown-toolbar/10502/2 "2025-12-10T21:56:58Z")

</div>

This is great. Love seeing things like this in the Elm community. Thanks!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex035/uploads/elm_lang/original/1X/50a05e53677a2c3b47776d7abd0f113eb50193a1.png) [@system](https://discourse.elm-lang.org/u/system)\
**Post date:** [December 20, 2025, 9:57pm UTC](https://discourse.elm-lang.org/t/markitup-textarea-with-a-markdown-toolbar/10502/3 "2025-12-20T21:57:56Z")

</div>

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.