Markdown Editor

Introdução

Este é um Markdown Editor baseado no editor web ACE e no markdown-it.

Você pode implantar este editor em um servidor remoto ou apenas instalar no computador local.

É muito fácil de usar. Basta abrir a página da web e você pode editar o texto de marcação à esquerda e visualizar os resultados à direita ao pressionar o botão Preview . Você pode salvar o arquivo no local se pressionar o botão Save . Clique em Settings , você pode escolher o tamanho da fonte do editor e também o estilo CSS da janela de visualização.

Como implantar no computador local

Instale o Node.js.

Este editor é baseado em Node.js, então você deve instalar o Node.js primeiro. Você pode encontrar o pacote Node.js aqui.

Baixe a versão adequada de acordo com sua plataforma e siga as instruções de instalação fornecidas pelo site Node.js.

A maneira de verificar se você já instalou o Node.js é executar os dois comandos a seguir:

$ node -v
$ npm -v

Os comandos acima são usados ​​para verificar a versão do Node.js e do npm que você acabou de instalar. Você deve obter resultados semelhantes.

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

Baixe o código fonte do editor

Baixe/clone o código-fonte do editor do github.

Encontre o código em 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 ) ;
} )

Certifique-se de que a porta que este aplicativo está escutando seja 7888 (você pode escolher outra porta disponível se souber o que será afetado).

Agora você pode executar o servidor com Node.js.

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

Em seguida, abra um navegador e visite http://127.0.0.1:7888/index.html, você pode ver o editor assim. (Sim, você precisa especificar a porta 7888 aqui) Editor de Markdown " title="Este Markdown Editor " style="max-width: 100%;">

Como implantar em servidor remoto

Você precisa de ssh para seu servidor remoto e execute estas etapas no servidor remoto.

Instale o Node.js.

Primeiro ssh para o seu servidor remoto, acho que esta etapa não será um problema uma vez que você já possui um servidor remoto.

E então, é o mesmo que instalar localmente. Pode ser necessário instalá-lo via PPA e pesquisar no Google como instalar o Node.js no servidor remoto.

Baixe o código fonte do editor

Primeiro, certifique-se de ter instalado git em seu servidor remoto, para que você possa clonar o código-fonte com uma simples linha de comando:

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

Você também precisa pesquisar no Google. (nota: sistemas operacionais diferentes, maneiras diferentes)

Encontre o código em 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 ) ;
} )

Certifique-se de que a porta que este aplicativo está escutando seja 80. Aqui escolhemos 80 porque você pode visitar o aplicativo, bastando especificar o endereço IP em seu navegador. E é muito mais fácil configurar um nome de domínio.

Agora você pode executar o servidor com Node.js.

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

Em seguida, abra um navegador e visite http://ip_of_your_remote_server, você deverá ver este editor.

Se você tiver um nome de domínio

Você pode adicionar um ponto de registro A ao endereço IP do seu servidor remoto e pode usar seu domínio para visitar este editor. (Se a porta não estiver definida como 80, você deverá usar uma ferramenta chamada nginx)

Você já tem um nome de domínio, então pode descobrir como configurá-lo. Aqui está a renderização deste aplicativo da web quando você o visita por meio de um dispositivo móvel.

Editor de Markdown " title="Este Markdown Editor " style="max-width: 100%;">