Como posso usar o Commonmark.js

0

Aqui está uma citação do repositório oficial:

For client-side use, you can do make dist to produce a standalone JavaScript file js/dist/commonmark.js, suitable for linking into a web page, or fetch the latest from https://raw.githubusercontent.com/jgm/commonmark.js/master/dist/commonmark.js, or bower install commonmark.

Quote source: github.com/jgm/commonmark.js

Então, eu baixei o arquivo commonmark.js na minha área de trabalho e o coloquei junto com meu arquivo de teste:

test.html

<script src="commonmark.js"></script>
<script type="text/javascript" src="commonmark.js"></script>

# header

text

text

... mas não funciona.

Estou no Windows. Eu testei no Chrome e no Firefox. No Chrome Developer Tools, não há erros visíveis.

O que estou fazendo de errado?

O comportamento esperado é ver o texto formatado quando eu abro este arquivo no navegador, como mostrado nesta imagem

Eu quero apenas para uso em desktop. Em outras palavras, como substituição do Word. Abra com o Sublime Text, escreva algo, abra no Chrome e veja o resultado. Algo como Strapdown (strapdownjs.com). Talvez eu esteja errado?

    
por jsv 28.03.2016 / 23:16

1 resposta

0

What I'm doing wrong?

Muito.

  1. Isso não é realmente um arquivo HTML válido
    • Você precisa de algumas tags e estrutura html (veja abaixo)
    • Você chama a biblioteca javascript duas vezes por motivos que não consigo entender.
  2. Sua página não define uma TextArea onde as pessoas podem digitar texto
  3. Você não instanciou a turma conforme descrito em "Uso"
    • Você precisa chamar o parse methed e passar o texto inserido
    • você precisa exibir o resultado de chamar o método render

Exemplo básico de HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Testing CommonMark.js</title>
    <script src="commonmark.js" />
    <script>
       // use commonmark ...
    </script>
  </head>
  <body>

      forms, textareas etc

  </body>
</html>

Veja

por 29.03.2016 / 00:07