Pure Elm Text Editor

[Sidney]

Thought you all would be interested in the pure elm text editor I’ve been working on. I’ve got text selection and quite a few keyboard shortcuts implemented.

Demo: https://sidneynemzer.github.io/elm-text-editor/
Github: https://github.com/SidneyNemzer/elm-text-editor

Next big features I want to implement are scrolling/viewport support, undo/redo, and line-wrap. (Check out the Github project for more plans).

I hope this inspires somebody to try some stuff in Elm they’ve been needing but seemed too big / hard for them! You might, like me with this project, find out it’s in your reach - no doubt thanks to Elm
- Janiczek (source)

[stevensonmt]

Very cool. There is a bit of artifact when dragging the mouse to select text which makes the text box jump around for me.

[evancz]

This is extremely exciting! Great work!

[rupert]

This really has a lot of potential.

I am curious what is the relationship with Janiczek’s pure Elm text editor? Does it work in a very similar way?

[Viir]

Awesome!

What is the overall goal with this project? I mean is developing an editor a means to support something else in this case? Do you have an application where you integrate this?

I see the readme mentions syntax highlighting as a planned feature. Does this mean it is primarily meant for editing programs?

[Sidney]

Thanks everyone!

There is a bit of artifact when dragging the mouse to select text which makes the text box jump around for me.

If you’ve got the debug info shown, the debug text affects the editor’s centering on the page as state changes. If you don’t have the debug info open, then it’s definitely a bug, maybe you could open an issue with more info?

I am curious what is the relationship with Janiczek’s pure Elm text editor? Does it work in a very similar way?

They started basically the same (I think I still have the branch that is heavily based of Janiczek’s editor?). Over time, they diverged as I split up modules and added new functionality. Some core pieces are still similar, like the event listeners and rendered DOM structure.

What is the overall goal with this project? I mean is developing an editor a means to support something else in this case? Do you have an application where you integrate this?

I would love if this editor could get to the level of Ace or CodeMirror! The company I work for has a web-IDE (similar to Mozilla’s Thimble) for our students. We’re using Ace at the moment via elm-ace. It works but it’s far from ideal and it inspired me to create a pure Elm solution.

I’ve been working on this editor in my spare time, so I can’t guarantee any particular timelines, but I’ll continue to work on it when I can. I’m pretty happy with it so far

[stevensonmt]

Confirm it is only jumpy when debug info displayed.

[Sidney]

Cool, thanks for clarifying. It definitely annoys me that the debug info messes with the position of the editor, but I didn’t care enough to fix it. That’s just the demo app, not part of the editor of course. (contributions are welcome though )

[Janiczek]

Very very very cool!