Cómo insertar etiquetas de continuidad en tus bloques de código HTML

Question

Imagina que tienes un bloque de código HTML muy largo que ocupa varias páginas en InDesign. Cada vez que el texto “salta” de una página a la siguiente, quieres que aparezcan dos palabritas mágicas:← Continuación del código anterior al final de la página que se quedó “colgada”El código continúa en la página siguiente → al principio de la página nuevaPara lograrlo con un script en JavaScript (ExtendScript) para InDesign:Limpiar primero cualquier etiqueta vieja (por si ya habías corrido el script antes).Recorrer cada historia de texto y cada par de párrafos consecutivos.Detectar cuándo esos dos párrafos están en páginas distintas.Insertar justo después del último carácter de la primera página el textocssCopiarEditar← Continuación del código anterior(con un retorno para separarlo).Insertar justo antes del primer carácter de la siguiente página el textocssCopiarEditarEl código continúa en la página siguiente →Aplicar a cada uno su estilo de párrafo (“Etiquetacontinuacion” y “Etiquetacontinua”) para que salgan con el formato que hayas definido.En lenguaje sencillo:Recorres todo tu documento.Cada vez que el código “cruza” de una página a la siguiente, pegas esas dos frases en el lugar correcto.Y así el lector siempre sabe que el bloque de código sigue, sin perderse ni confundirlo con el resto del texto.(function(){var doc = app.activeDocument;if (!doc) {alert("&#10060; Abre primero un documento.");return;}// 0) Ajusta estos nombres si no coinciden con tus estilosvar styleCode = "CodigoHTML";var styleContinua = "Etiquetacontinuacion"; // ← Continuación…var styleSiguiente = "Etiquetacontinua"; // El código continúa…// 1) Eliminar etiquetas antiguasvar olds = ["← Continuación del código anterior","El código continúa en la página siguiente →"];for (var s = 0; s < doc.stories.length; s++){var st = doc.stories[s];for (var i = st.paragraphs.length - 1; i >= 0; i--){var p = st.paragraphs[i];var txt = String(p.contents).replace(/[
]/g, " ").replace(/\s+/g, " ").replace(/^\s+|\s+$/g, "");for (var k = 0; k < olds.length; k++){if (txt === olds[k]) { p.remove(); break; }}}}// 2) Inserción de las dos etiquetasfor (var s2 = 0; s2 < doc.stories.length; s2++){var st2 = doc.stories[s2];for (var i2 = 0; i2 < st2.paragraphs.length - 1; i2++){var p1 = st2.paragraphs[i2],p2 = st2.paragraphs[i2 + 1];// a) Solo bloques de códigoif (!p1.appliedParagraphStyle || p1.appliedParagraphStyle.name !== styleCode) continue;if (!p2.appliedParagraphStyle || p2.appliedParagraphStyle.name !== styleCode) continue;if (!p1.characters.length || !p2.characters.length) continue;// b) Detectar salto de página realvar pg1 = p1.characters[0].parentTextFrames[0].parentPage,pg2 = p2.characters[0].parentTextFrames[0].parentPage;if (!pg1 || !pg2 || pg1.name === pg2.name) continue;// c) Insertar flecha “← Continuación…” al final de p1var ipEnd = p1.insertionPoints.lastItem();ipEnd.contents = "← Continuación del código anterior";// Aplicar estilovar newBack = st2.paragraphs[i2 + 1];newBack.appliedParagraphStyle =doc.paragraphStyles.itemByName(styleContinua);// d) Insertar flecha “El código continúa…” al inicio de p2// p2 habrá subido un índice, pasa a i2+2var ipStart = st2.paragraphs[i2 + 2].insertionPoints.firstItem();ipStart.contents = "El código continúa en la página siguiente →";var newForward = st2.paragraphs[i2 + 2];newForward.appliedParagraphStyle =doc.paragraphStyles.itemByName(styleSiguiente);// e) Saltamos los dos párrafos insertadosi2 += 2;}}alert("&#9989; Etiquetas de continuidad limpias e insertadas correctamente.");})();

Peter Kahrel · Answer

The approach of the script you posted is all wrong. Where did you get it? Is this ChatGPT's work?

Adding paragraphs in the story is messy and makes it hard to delete the continuation prompts. It's much better to place the prompts in text frames on a dedicated layer. To remove the prompts, all you need to do is remove that layer.

The script below assumes the presence of object styles for the text frames. The paragraph styles for the prompts are applied in the object style, and so are size and position. So all the script needs to do is place a frame and add the style and the prompt. The attached InDesign document shows the set-up (you need to refine the styles).

To see how it works, open the document, select a story (a text frame or an insertion point) and run the script.

(function () {

  if (app.selection.length === 0 || !app.selection[0].hasOwnProperty ('parentStory')) {
    alert ('Select a story');
    exit();
  }

  var d = app.activeDocument;
  var layer = d.layers.item ('Continua');

  var ostyleContinua = d.objectStyles.item ('Etiquetacontinua');
  var ostyleContinuacion = d.objectStyles.item ('Etiquetacontinuacion');

  var continuaText = 'El código continúa en la página siguiente →';
  var continuacionText = '← Continuación del código anterior';


  if (layer.isValid) {
    layer.remove();
  }

  var layer = d.layers.add ({name: 'Continua'});

  var frames = app.selection[0].parentStory.textContainers;
  for (var i = 1; i < frames.length; i++) {
    if (frames[i].parentPage.side === PageSideOptions.RIGHT_HAND) {
      if (frames[i].lines[0].appliedParagraphStyle.name === 'CodigoHTML') {
        
        frames[i-1].parentPage.textFrames.add ({
          appliedObjectStyle: ostyleContinua,
          contents: continuaText
        });

        frames[i].parentPage.textFrames.add ({
          appliedObjectStyle: ostyleContinuacion,
          contents: continuacionText
        });
      
      }
    }
  }

}());

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded