Insertar Javascript en rebajas

StackOverflow https://stackoverflow.com/questions/2754391

  •  02-10-2019
  •  | 
  •  

Pregunta

Estoy usando el procesador de reducción del precio Maruku. Me gustaría que este 

*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 me hacen con una multitud de errores. El primero es 

 ___________________________________________________________________________
| 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 está volviendo loco. A continuación, se hace que el Javascript en un div en la página. He intentado lo que es un bloque CDATA y espacio extra entre el jQuery y mi guión.

Ayuda?

¿Fue útil?

Solución

Yo tenía el mismo problema, pero me las arreglé para conseguir JavaScript para aparecer en mi código, poniendo una nueva línea después de la etiqueta de apertura.

Otros consejos

A diferencia solución que trabajo podría en algunos casos: (la respuesta seleccionada no funcionó para mí cuando yo estaba tratando de incrustar un ejemplo CodePen)

  • añadir esto a su disposición por defecto: 

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

  • En los puestos donde se necesita algunos archivos JavaScript, puede añadirlos en la materia frente YAML este modo: 

    ---
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
---

El async podría no ser necesario o deseado pero probablemente podría añadir que como parámetro en customjs. (Ver YAML frontal materia de Jekyll y listas anidadas para detalles )

soportes de rebajas en línea XHTML pero no Javascript.

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

Pandoc , que se encarga de esta entrada (y javascript en general) muy bien.

Me encontró que se escape el cierre '>' símbolo tanto, la apertura y el cierre de las etiquetas 'guión', se mostrará correctamente, por ejemplo:

  • Si escribe el follwing: 

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

  • Se vuelve así: 

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

Eso es sólo mi granito de arena.

Para mi experiencia, se rebaja el texto outpus Javascript como texto sin formato, siempre y cuando se quita el formato de código de reducción del precio que puede confundir.

  1. comentarios Sacar de JavaScript, como / * ... * / se traduce a
  2. quitar el guión espacio en la parte frontal de cada línea.

    Se puede insertar de acuerdo a su sangría.

Básicamente lo que hago es revisar el código HTML generado y averiguar qué etiquetas adicionales se insertan en el medio de mi código Javascript por reducción del precio. Y quitar el formato que genera la etiqueta adicional.

Una buena idea es tener local y fuentes nube js separado:

En el archivo de mensaje: 

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 de 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 %}

Sólo sangrar la primera línea contiene etiqueta

scroll top