Hola Gastón Pappaterra, existen algunas librerías de javascript para hacer eso, si es básico te recomiendo que uses un conversor de markdown, el curso de Markdown en EDteam está gratis para que sepas sobre esta tecnología, que es usada por la mayor parte de la web, Te proporciono algunas de estas librerías:

• Marked JS

• Showdown

• Markdown-it

• Remarkable

• Commonmark

Te recomiendo este post que habla un poco al respecto (Está en inglés): CSS-Tricks

Si lo quieres hacer con JS Vanilla, es mejor que sepas usar bien el DOM, aunque te recomiendo el uso de ReactJs, (Lib con la que trabajo), React te lo permitirá hacer más fácil, y no conozco las otras dos (Angular, Vue).

Saludos!!

En realidad es mas facil de lo que parece, los navegadores ya tienen un modo que te permite poner elementos en modo diseño, con eso puedes ejecutar comandos o keybindings para edición de documentos, es decir poner negritas, cursivas viñetas etc..

el objetivo solo es diseñar una toolbar con los botones y bindear los comandos a dichos botones, hay ciertas cosas que obviamente no están en ese modo edición que ya por tu cuenta te tocará programar pero lo mas basico ya lo tienes.

Ahora como te dicen ya existen plugins que te hacen todo simplemente debes configurarlos y ajustarlos en tu documento. pero si tu idea es hacer una practica para aprender investiga sobre el dom designmode,

contenteditable ;)

Te dejo una referencia para que te des una idea https://webdeasy.de/en/program-your-own-wysiwyg-editor-in-10-minutes/

Hola Gastón Pappaterra, existen algunas librerías de javascript para hacer eso, si es básico te recomiendo que uses un conversor de markdown, el curso de Markdown en EDteam está gratis para que sepas sobre esta tecnología, que es usada por la mayor parte de la web, Te proporciono algunas de estas librerías:

• Marked JS

• Showdown

• Markdown-it

• Remarkable

• Commonmark

Te recomiendo este post que habla un poco al respecto (Está en inglés): CSS-Tricks

Si lo quieres hacer con JS Vanilla, es mejor que sepas usar bien el DOM, aunque te recomiendo el uso de ReactJs, (Lib con la que trabajo), React te lo permitirá hacer más fácil, y no conozco las otras dos (Angular, Vue).

Saludos!!

En realidad es mas facil de lo que parece, los navegadores ya tienen un modo que te permite poner elementos en modo diseño, con eso puedes ejecutar comandos o keybindings para edición de documentos, es decir poner negritas, cursivas viñetas etc..

el objetivo solo es diseñar una toolbar con los botones y bindear los comandos a dichos botones, hay ciertas cosas que obviamente no están en ese modo edición que ya por tu cuenta te tocará programar pero lo mas basico ya lo tienes.

Ahora como te dicen ya existen plugins que te hacen todo simplemente debes configurarlos y ajustarlos en tu documento. pero si tu idea es hacer una practica para aprender investiga sobre el dom designmode,

contenteditable ;)

Te dejo una referencia para que te des una idea https://webdeasy.de/en/program-your-own-wysiwyg-editor-in-10-minutes/

Hola Gastón Pappaterra, existen algunas librerías de javascript para hacer eso, si es básico te recomiendo que uses un conversor de markdown, el curso de Markdown en EDteam está gratis para que sepas sobre esta tecnología, que es usada por la mayor parte de la web, Te proporciono algunas de estas librerías:

• Marked JS

• Showdown

• Markdown-it

• Remarkable

• Commonmark

Te recomiendo este post que habla un poco al respecto (Está en inglés): CSS-Tricks

Si lo quieres hacer con JS Vanilla, es mejor que sepas usar bien el DOM, aunque te recomiendo el uso de ReactJs, (Lib con la que trabajo), React te lo permitirá hacer más fácil, y no conozco las otras dos (Angular, Vue).

Saludos!!

En realidad es mas facil de lo que parece, los navegadores ya tienen un modo que te permite poner elementos en modo diseño, con eso puedes ejecutar comandos o keybindings para edición de documentos, es decir poner negritas, cursivas viñetas etc..

el objetivo solo es diseñar una toolbar con los botones y bindear los comandos a dichos botones, hay ciertas cosas que obviamente no están en ese modo edición que ya por tu cuenta te tocará programar pero lo mas basico ya lo tienes.

Ahora como te dicen ya existen plugins que te hacen todo simplemente debes configurarlos y ajustarlos en tu documento. pero si tu idea es hacer una practica para aprender investiga sobre el dom designmode,

contenteditable ;)

Te dejo una referencia para que te des una idea https://webdeasy.de/en/program-your-own-wysiwyg-editor-in-10-minutes/