llamar - Insertar javascript en el descuento

llamar archivo javascript desde html

Question

Estoy usando el procesador de descuento Maruku. Me gustaría esto

*blah* blah "blah" in [markdown](blah)
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
...do stuff...
</script>

pero se queja cuando lo renderizo con una multitud de errores. El primero siendo

 ___________________________________________________________________________
| Maruku tells you:
+---------------------------------------------------------------------------
| Could you please format this better?
| I see that "<script type=''text/javascript''>" is left after the raw HTML.
| At line 31
| raw_html |<script src=''http://code.jquery.com/jquery-1.4.2.min.js'' /><script type=''text/javascript''>|
| text --> |//<![CDATA[|

y luego el resto parece que el analizador se está volviendo loco. Luego convierte el javascript en un div en la página. Intenté convertirlo en un bloque CDATA y espacio adicional entre el jquery y mi script.

¿Ayuda?

Answer 1

Descubrí que escapando del símbolo de cierre ''>'' en ambos, las etiquetas ''guión'' de apertura y cierre, se mostrarán correctamente, por ejemplo:

• Si escribe lo siguiente:

  <script/>... javascript code...</script/>

• Se representará así:

  <script>... javascript code...</script>

Eso es solo mis dos centavos.

Answer 2

El ejemplo que dan en su sitio muestra una etiqueta <script> vacía que contiene una nueva línea. Tal vez eso es todo?

Answer 3

Markdown admite XHTML en línea pero no Javascript.

Answer 4

Podría usar pandoc , que maneja esta entrada (y javascript en general) bien.

Answer 5

Según mi experiencia, el descuento sacará texto de javascript como texto sin formato, siempre que elimine el formato del código que puede confundir el descuento.

1. eliminar comentarios de javascript, ya que / * ... * / se traduce a <em>
2. elimina la sangría espacial en el frente de cada línea. <p> puede insertarse de acuerdo con su sangría.

Básicamente, lo que hago es revisar el html generado y descubrir qué etiquetas extra se insertan entre mi código javascript por rebaja. Y elimine el formato que genera la etiqueta adicional.

Answer 6

Solución diferente que podría funcionar en algunos casos: (la respuesta seleccionada no funcionó para mí cuando intenté incrustar un ejemplo de CodePen)

• agregue esto a su diseño predeterminado:

  <!-- Custom JavaScript files set in YAML front matter -->
  {% for js in page.customjs %}
  <script async type="text/javascript" src="{{ js }}"></script>
  {% endfor %}

• En las publicaciones donde necesita algunos archivos JavaScript, puede agregarlos en el frente de YAML de la siguiente manera:

  ---
  layout: post
  title: Adding custom JavaScript for a specific post
  category: posts
  customjs:
  - http://code.jquery.com/jquery-1.4.2.min.js
  - http://yourdomain.com/yourscript.js
  ---

La async podría no ser necesaria o no ser necesaria, pero probablemente podría agregarla como parámetro en customjs . (Consulte el material de YAML para Jekyll y listas anidadas para más detalles)

Answer 7

Tuve el mismo problema, pero logré que JavaScript aparezca en mi código al poner una nueva línea después de la etiqueta de apertura.

Answer 8

Una buena idea es tener separadas las fuentes js locales y en la nube:

En el archivo de entrada:

cloudjs:
- //cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js
- //cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js
localjs:
- datamaps.world.min.js
- custom.js

En el archivo predeterminado después de la inclusión del pie de página:

 {% for js in page.cloudjs %}
<script type="text/javascript" src="{{ js }}"></script>
{% endfor %}
{% for js in page.localjs %}
<script type="text/javascript" src="{{ "/assets/scripts/" | prepend: site.baseurl | append: js }}"></script>
{% endfor %}