Markdown Editor

Introducción

Este es un Markdown Editor basado en el editor web ACE y Markdown-it.

Puede implementar este editor en un servidor remoto o simplemente instalarlo en una computadora local.

Es muy fácil de usar. Simplemente abra la página web y podrá editar el texto de rebajas a la izquierda y podrá obtener una vista previa de los resultados a la derecha una vez que presione el botón Preview . Puede guardar el archivo en local si presiona el botón Save . Haga clic en Settings , puede elegir el tamaño de fuente del editor y también puede elegir el estilo CSS de la ventana de vista previa.

Cómo implementar en una computadora local

Instalar Node.js

Este editor está basado en Node.js, por lo que primero debes instalar Node.js. Puede encontrar el paquete Node.js aquí.

Descargue la versión adecuada según su plataforma y siga las instrucciones de instalación proporcionadas por el sitio web de Node.js.

La forma de verificar que ya ha instalado Node.js es ejecutar los siguientes dos comandos:

$ node -v
$ npm -v

Los comandos anteriores se utilizan para verificar la versión de Node.js y npm que acaba de instalar. Debería obtener un resultado similar.

$ node -v
v6.9.5
$ npm -v
4.1.2

Descarga el código fuente del editor.

Descarga/clona el código fuente del editor desde github.

Encuentra el código en server.js :

Markdown Editor is openned at: http://%s:%s", host, port); })">

 var server = app . listen ( 7888 , function ( ) {
    var host = server . address ( ) . address ;
    var port = server . address ( ) . port ;

    console . log ( " Markdown Editor is openned at: http://%s:%s" , host , port ) ;
} )

Asegúrese de que el puerto que escucha esta aplicación sea 7888 (puede elegir otro puerto disponible si sabe qué se verá afectado).

Ahora puedes ejecutar el servidor con Node.js.

$ node /path/to/source/code/server.js

Luego, abra un navegador y visite http://127.0.0.1:7888/index.html, podrá ver el editor así (Sí, debe especificar el puerto 7888 aquí). Editor de rebajas " title="Este Markdown Editor " style="ancho máximo: 100%;">

Cómo implementar en un servidor remoto

Necesita ssh para su servidor remoto y siga estos pasos en el servidor remoto.

Instalar Node.js

Primero, envíe ssh a su servidor remoto. Creo que este paso no será un problema una vez que ya tenga un servidor remoto.

Y luego, es lo mismo que instalar en local. Es posible que necesites instalarlo a través de PPA y puedes buscar en Google cómo instalar Node.js en un servidor remoto.

Descarga el código fuente del editor.

Primero asegúrese de haber instalado git en su servidor remoto, para que pueda clonar la fuente con una simple línea de comando:

git clone https://github.com/daveying/Markdown-Editor.git

También necesitas buscarlo en Google (nota: diferentes sistemas operativos, diferentes formas)

Encuentra el código en server.js :

Markdown Editor is openned at: http://%s:%s", host, port); })">

 var server = app . listen ( 7888 , function ( ) {
    var host = server . address ( ) . address ;
    var port = server . address ( ) . port ;

    console . log ( " Markdown Editor is openned at: http://%s:%s" , host , port ) ;
} )

Asegúrese de que el puerto que escucha esta aplicación sea 80. Aquí elegimos 80 porque puede visitar la aplicación simplemente especificando la dirección IP en su navegador. Y es mucho más fácil configurar un nombre de dominio.

Ahora puedes ejecutar el servidor con Node.js.

$ node /path/to/source/code/server.js

Luego, abra un navegador y visite http://ip_of_your_remote_server, debería ver este editor.

Si tienes un nombre de dominio

Puede agregar un punto de registro A a la dirección IP de su servidor remoto y puede usar su dominio para visitar este editor. (Si el puerto no está configurado en 80, debería utilizar una herramienta llamada nginx)

Ya tienes un nombre de dominio, así que puedes descubrir cómo configurarlo. Aquí está la representación de esta aplicación web cuando la visita a través de un dispositivo móvil.

Editor de rebajas " title="Este Markdown Editor " style="ancho máximo: 100%;">