idyll-lang/idyll

Katex in static output

Open

#655 aperta il 1 lug 2020

Vedi su GitHub
 (3 commenti) (0 reazioni) (0 assegnatari)JavaScript (97 fork)batch import
CLIGood First PRbughelp wanted

Metriche repository

Star
 (1977 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

The Katex CSS does not properly load in the static output of Idyll Equations leading to duplicated equations. It is linked via a URL that does not work under the file:// protocol.

To Reproduce

  1. idyll create
  2. accept defaults to produce a basic article
  3. replace index.idyll with a file containing only "[Equation]x = x + 1[/Equation]"
  4. run "idyll build"
  5. open with "firefox build/index.html"
  6. the equation displays twice

The equation displays twice because the Katex stylesheet appears to be included with a URL that does not work under the file:// protocol. Could the CSS be included in the stylesheet produced by "idyll build" instead?

    <link
      rel="stylesheet"
      href="//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.9.0/katex.min.css"
    />

Expected behavior Equation appears once / css is loadable.

Desktop (please complete the following information):

  • OS: Arch Linux
  • Browser: Firefox
  • Version: 77.0.1

Guida contributor

Direzione di ricerca
La correzione consiste nell'includere il CSS di Katex nel foglio di stile generato invece di utilizzare un URL relativo al protocollo. Esamina il processo di build in Idyll, in particolare nel modulo builder dove viene inserito il tag <link>. Assicurati che il CSS sia incluso localmente o che l'URL venga cambiato in https assoluto. Controlla anche altre risorse esterne simili che potrebbero non funzionare con il protocollo file://.
Tech stack
javascriptcss
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
basic HTML/CSSunderstanding of static build process
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80