Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: OverType – A Markdown WYSIWYG editor that's just a textarea

news.ycombinator.com

Post reply on HN
Print view View original

71–80 of 102 posts

Re: Show HN: OverType – A Markdown WYSIWYG editor that's just a textarea

#71

Post by Imustaskforhelp »

This is a really good project, kudos!

What I am wondering is if I can modify the project enough so that lets say when I do # test, then it can automatically modify it to be enlarged instead of just colored/ basically i think that this is how reddit comments work..

Image support would be really preferred too, but honestly, this is seriously so cool that I can iamgine using this right now, but someone here mentioned spell/pell https://github.com/sylvainpolletvillard/spell and https://github.com/jaredreich/pell and so they are in the size of 1kb-2kb, even bytes and this is 40kb iirc, so why is there such a big size difference and how are those guys being so small.

Once again, amazing project, my mind is truly blown by how simple it is, I will try to integrate this or spell or just anything whenever I can!

Re: Show HN: OverType – A Markdown WYSIWYG editor that's just a textarea

#72

Post by WA »

garbageoverflow wrote: post #14

If it were a WYSIWYG editor, there'd be previews for images. But it seems like it's just syntax highlighting for textareas. Nice project either way, but false advertising.

I can type text, mark it, click "B" for bold and it works. This is WYSIWYG minus images.

Re: Show HN: OverType – A Markdown WYSIWYG editor that's just a textarea

#73

Post by WA »

Imustaskforhelp wrote: post #70
phonon wrote: post #48

912 bytes.... https://sylvainpolletvillard.github.io/spell/demo.html

what is this tom foolery. I am so amazed by it, this also seems to be a WYSIWYG but though it doesn't support markdown exactly per se but it has way more features than overtype (no offense to overtype which is also a really really cool project) My mind is utterly blown with what you can do with 912 bytes. I imagine that I can create a really simple blog post that can load under 14 kb so that it can be sent in a (sing…

It uses queryCommandState(), which is a deprecated browser feature [1]. It's quite common in many simpler WYSIWYG editors. Thing is, it might be so widespread that some people claim that it will never be truly deprecated.

OverType doesn't use this and the result is that you gotta build all the features in JS.

[1]: https://developer.mozilla.org/en-US/docs/Web/API/Document/qu...

Re: Show HN: OverType – A Markdown WYSIWYG editor that's just a textarea

#75

Post by lifthrasiir »

pspeter3 wrote: post #59
pedrovhb wrote: post #31

Nice! Seems very useful if you can drop in and have everything work. Nitpicking a bit: it's not as much _rendering_ markdown as it's _syntax highlighting_ it. Another interesting approach there could be to use the CSS Custom Highlight API [0]. Then it wouldn't need the preview div, and perhaps it'd even be possible to have non-mono fonts and varying size text for headers. [0] https://developer.mozilla.org/en-US/docs/…

Can you use highlights on text area contents?

You can't mainly because separately tracks its own selection, AFAIK.

Re: Show HN: OverType – A Markdown WYSIWYG editor that's just a textarea

#76

Post by gethly »

Syntax highlighting for markdown input is a good idea. I too have a markdown input and i have two modes for render - either the github style where you manually toggle between editing and rendering or i have two columns with editing on one side and live render on the other.

I too was close to making my own wysiwyg, trello for example has a md wysiwyg, so i knew it was doable with contenteditabe. But after talking with the dev community I was constantly warned by people who took the path before to not do it. So in the end i did not as i did not want to invest more time than i wanted to commit to the project.

Good for you, that you did and you made it to the finish line.

Re: Show HN: OverType – A Markdown WYSIWYG editor that's just a textarea

#77

Post by franga2000 »

jagged-chisel wrote: post #45
pedrovhb wrote: post #31

Nice! Seems very useful if you can drop in and have everything work. Nitpicking a bit: it's not as much _rendering_ markdown as it's _syntax highlighting_ it. Another interesting approach there could be to use the CSS Custom Highlight API [0]. Then it wouldn't need the preview div, and perhaps it'd even be possible to have non-mono fonts and varying size text for headers. [0] https://developer.mozilla.org/en-US/docs/…

The animated exploded demo definitely shows formatting differently from plain text (bold is bold, hyphens replaced with bullets.)

Fair, but so do many syntax highlighters (at least bold, italic, titles...).

Re: Show HN: OverType – A Markdown WYSIWYG editor that's just a textarea

#78

Post by zoom6628 »

This is great. I was a huge fan of typora for writing docs a few an ago and now do all in obsidian. In both the editing is plaintext but the visible text is rendered inline with formatting.

Love what you have done and will use in a project next week.

Especially applaud your avoidance of npm, dependencies, and the usual ubiquitous JavaScript deluge.

Post reply on HN