Extractor de Links Markdown

Pruebalo! Ingresa tu texto Markdown.

Extrae tus links
menu
Logo Linkin' Mark

Modulo de Node.js, extractor de links desde formato Markdown

Descargar


Unsplashed background img 1

settings

Instalación
DESCARGA DIRECTA

1. Descarga Linkin' Mark.

2. Incorpora la carpeta lib conteniendo el archivo md-link-extractor.js en la carpeta raíz de tu proyecto.

NPM
$ npm install --save linkinmark

code

Uso
Node.js

1. Instala Linkin' Mark en la carpeta raíz de tu proyecto.

2. Modifica la siguiente línea del código base en `index.js`, incorporando la ruta del archivo markdown a procesar:

const md = fs.readFileSync('').toString();

3. En tu consola, posiciónate en la carpeta raíz de tu proyecto y ejecuta index.js :

node index.js

4. El resultado será un objeto JSON, conteniendo cada link del archivo markdown seleccionado.

[
           {
            "text":"labore",
            "href":"https://en.wiktionary.org/wiki/labore"
          },
            {
              "text":"dolore",
              "href":"https://en.wiktionary.org/wiki/dolore"
            },
            {
              "text":"foo",
              "href":"http://foo.com"
            }
          ]

Unsplashed background img 1

computer

Browser

  1. Descarga Linkin' Mark o sigue las instrucciones más arriba para utilizar el enlace CDN en tu html.
  2. Incorpora la carpeta lib, conteniendo el archivo md-link-extractor.js, en la carpeta raíz de tu proyecto.
  3. Agrega el script al final del body de tu archivo html: 
    <script src="./lib/md-link-extractor.js"></script>
                  <script>
                  const extract = document.getElementById('extract');
                  extract.onclick = function myLinks() {
                  let markdown = document.getElementById('markdown').value;
                  document.getElementById('result').innerHTML = markdownLinkExtractor(markdown);
                  };
                  </script>
Ejemplo HTML
  1. Crea un elemento <input> o <textarea> con id="markdown" en tu html.
  2. Agrega un botón con el id="extract".
  3. Por último, para poder visualizar el resultado de la búsqueda, incorpora un elemento <pre></pre> y un elemento <code></code> con id="result" anidado en su interior. 
    
                  <body>
                    <h1>Extractor de Links Markdown</h1>
                    <h3>Ingresa un texto en formato markdown para analizar:</h3>
                    <textarea id="markdown" cols="100" rows="10"></textarea>
                    <button id="extract">Extraer Links!</button>
                    <h3>Resultado:</h3>
                    <pre>
                      <code id="result"></code>
                    </pre>
                  </body>

Si decides modificar los nombres de id sugeridas, recuerda verificar que coincidan con el script.

El resultado se verá así:

Linkin' Mark implementa ES6.

Unsplashed background img 2