https://github.com/conancos/markdown-editor
Mi Editor en directo de Markdown hecho con React
https://github.com/conancos/markdown-editor
editor live-editor markdown markdown-editor markdown-editor-react
Last synced: 2 months ago
JSON representation
Mi Editor en directo de Markdown hecho con React
- Host: GitHub
- URL: https://github.com/conancos/markdown-editor
- Owner: conancos
- License: gpl-3.0
- Created: 2024-11-08T22:25:43.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-12-02T01:21:40.000Z (6 months ago)
- Last Synced: 2025-01-20T19:13:21.353Z (4 months ago)
- Topics: editor, live-editor, markdown, markdown-editor, markdown-editor-react
- Language: JavaScript
- Homepage: https://conancos.dev/markdown-editor/
- Size: 805 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 👋HELLO MARKDOWN WORLD❗
## Bienvenidos a mi previsualizador de Markdown en React!
### `
`Encabezado de tercer nivel`
`
#### `
` Un texto del tamaño normal, pero en negrita `
`
##### `
` Otro texto de tamaño más pequeño que el normal, en negrita `
`
###### `
` _Aquí un texto de tamaño aún más pequeño y en cursiva_ `
`
> ### Créate un espectacular **`README.md`** para tu proyecto  con sus:
> 👉 _**`Funcionalidades Extra :`**_
> [!NOTE]
> Destaca información que los usuarios deben tener en cuenta, incluso cuando hojean.
> [!TIP]
> Información opcional para ayudar al usuario a tener más éxito.
> [!IMPORTANT]
> Información crucial necesaria para que los usuarios tengan éxito.
> [!WARNING]
> Contenido crítico que exige atención inmediata del usuario debido a riesgos potenciales.
> [!CAUTION]
> Consecuencias potenciales negativas de una acción.
```
¿ Necesitas darle IMPORTANCIA una única línea de texto ?
```
¿ Marcar código en línea: `
container`, o resaltar un `trozo de texto ?` Entre 2 backticks
(acentos invertidos) ` `` `
```javascript
// O crear un cuadro de código en varias líneas:
function anotherExample(firstLine, lastLine) {
if (firstLine == '```' && lastLine == '```') {
return multiLineCode;
}
}
```
> Puedes usar Blockquotes (líneas de cita) de una línea
>### _**Pudes usar un acordeón para mostrar detalles**_
>En Blockquotes de varias líneas:
>
> ### Con listas de tareas "**ToDo**":
> - [X] Markdown te permite marcar texto en **negrita,** _cursiva_ o ~~texto tachado~~.
> - [X] O marcar el texto combinando **~~_TODOS LOS MODOS_~~**.
> - [ ] Lamentablemente no puedes usar HTML para `subrayados`.
>
>
>
> * Puedes crear **listas desordenadas**
> * También llamadas viñetas,
> * añadiéndolas en diferentes niveles.
> * [X] Donde puedes indentar elementos de lista _ToDo_
> * [x] Como ésta segunda línea de lista.
>### _Y otras estructuras más profundas_
>En otro desplegable :
>
>> - Nivel 1
>>> - Nivel 2
>>>> - Nivel 3
>>>>> - más niveles
>>>>>> - más profundos.
>
>
>
- Usa la etiqueta `
` para generar saltos de línea y el código ` ` para espacios en blanco.
- O la etiqueta `
` para crear una linea horizontal o 3 guiones `---`.
- Para crear comentarios, puedes usar la sintaxis de HTML ``
- GitHub reconoce enlaces a otros repositorios: `user/repo`.
- Issues y pull requests: `#123` para una issue con ese número.
- También mencionar a un usuario con `@username`.
### Y si ya quieres llevarlo al siguiente nivel, usa **tablas: **
| Primera Columna | Segunda Columna | Tercera Colmna |
| --- | --- | --- |
| Tu contenido | Tu contenido | Tu contenido |
| [Mi Portfolio][conancos.dev] | [Mi GitHub][mi-GitHub] | [Mi Linkedin][mi-LinkedIn] |
Enlaces a [sitios externos ↗](https://conancos.dev/portfolio#contact "CONAN_COS.DEV") `[sitios externos ↗](https://conancos.dev/portfolio#contact)`
Enlaces de anclaje [Agradecimientos ⬇](#si-te-gusta-el-editor-y-lo-usas-puedes-dejar-un-comentario--gracias "❤ se agradece")
```
[Agradecimientos ⬇](#si-te-gusta-el-editor-y-lo-usas-puedes-dejar-un-comentario--gracias)
```
> [!TIP]
> Aunque los enlaces de anclaje sean muy difícil de implementar en éstos editores, o directamente no funcionen, en GitHub sí lo hacen. Esta es la sintaxis:
>
>`[moverse por el documento](#cualquier-encabezado-en-minúsculas-sin-emoticonos-signos-ni-variables)`
> [!IMPORTANT]
> Llega el momento de abordar algo muy importante para cualquier **Documentación**:
### Tus imágenes:
Limitando su tamaño para situarlas junto al texto: 
Y establécelas como un enlace URL: [](https://conancos.dev/portfolio#contact)
##### Dale un toque sutil y sorprende con una **Animación** GIF:
## ✨ _Crea y Enriquece tu documento markdown_ como un profesional y
🔴 _en tiempo real_: [Pruébalo!](https://conancos.dev/markdown-editor/)
> [!NOTE]
> Por último y agradeciendo tu visita, un trick sorprendente: Puedes usar **variables** 💥:
## 👨🎓 [Visita mi LinkedIn ↗][mi-LinkedIn]
## 🚀 [Visita mi GitHub ↗][mi-GitHub]
## 👨💻 [Visita mi portfolio ↗][conancos.dev]
## 👩🏫 [Visita freeCodeCamp ↗][freeCodeCamp]
### Si te gusta el editor y lo usas, puedes dejar un [💖comentario ↗][comentario] gracias!
#### [Ir al inicio ⬆ ](#bienvenidos-a-mi-previsualizador-de-markdown-en-react "Subir al principio")
Copyright © 2024 conan_cos - bajo licencia [GNU General Public License v3.0](https://www.gnu.org/licenses/gpl-3.0.html)
[conancos.dev]: https://conancos.dev/portfolio "conancos.dev"
[mi-GitHub]: https://github.com/conancos "A GitHub"
[mi-LinkedIn]: https://www.linkedin.com/in/joaquin-martinez-cortes/ "A LinkedIn"
[freeCodeCamp]: https://freecodecamp.org/espanol "A freeCodeCamp"
[license]: https://www.gnu.org/licenses/gpl-3.0.html
[comentario]: https://www.linkedin.com/posts/joaquin-martinez-cortes_nuevoproyecto-activity-7260907343922544640-Bgbq?utm_source=share&utm_medium=member_desktop