Автоматическое размещение текстовых фреймов друг под другом (JavaScript)

Я пытаюсь автоматизировать inDesign для создания текстовых фреймов из файла JSON, где каждая запись должна быть помещена в текстовый фрейм, который находится прямо под предыдущей записью.

var tweets_json = '[ {"name":"record_1"}, {"name":"record_2"}, ... ]';  // I have not yet figured out how to import external JSON files, so tor testing this is my current way to go
var tweets = eval("(" + tweets_json + ")");

for ( var t = 0; t < tweets.length; t++ ) {
  var newTextFrame = page.textFrames.add();
  newTextFrame.textFramePreferences.autoSizingType = AutoSizingTypeEnum.HEIGHT_ONLY;
  var tweet = tweets[ t ];

  newTextFrame.parentStory.texts.item(0).applyParagraphStyle(styleContent, true);
  newTextFrame.geometricBounds = [y1,x1,y2,x2];   // Ignore values
  newTextFrame.contents = tweet.name;
}

Я начал писать сценарии в InDesign несколько дней назад, и в документации трудно найти решение, которое я ищу, особенно с моими базовыми знаниями JavaScript, поэтому любая помощь приветствуется! Спасибо!

Вы можете читать основные файлы JSON следующим образом: var json = $.evalFile(File('d:\\temp\\my_file.json'));. В остальном код выглядит вполне прилично. Все, что вам нужно, это настроить координаты y1,x1,y2,x2 для каждого следующего текстового фрейма. Вам нужна помощь с этим?

— 21.03.2022 19:24

Привет, Юрий, твое решение для оценки json сработало отлично! Что касается координат, у меня проблема в том, что высота варьируется от каждого текстового фрейма, а newTextFrame.geometricBounds содержит значения текущего текстового фрейма. Вместо этого мне нужна переменная, которая содержит координату y2 из предыдущего текстового фрейма. Есть ли у вас какие-либо рекомендации, как это сделать?

— 22.03.2022 12:54

javascript adobe-indesign

21.03.2022 18:25

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Это может быть что-то вроде этого:

var doc = app.activeDocument;
var page = doc.pages[0];

// get JSON data (just as an example)
var tweets_json = '[ {"name":"line1 line2"}, {"name":"line3"}, {"name":"line4, line5"}]';
var tweets = eval("(" + tweets_json + ")");

// set geometric bounds for the first text frame
var x = 0, y = 0;                          // coordinates of top a left corner of the text frame
var width = 15;                            // width of the text frame
var min_heigth = 20;                       // minimal heigth of the text frame
var bottom = min_heigth;                   // bottom edge of the text frame
var bounds = [y, x, bottom, width];

for (var t = 0; t < tweets.length; t++) {
    var tweet = tweets[t];

    // create the a new text frame and set its geometric bounds
    var newTextFrame = page.textFrames.add();
    newTextFrame.geometricBounds = bounds;

    // fill the box with a text and apply the style
    newTextFrame.contents = tweet.name;
    newTextFrame.parentStory.texts[0].applyParagraphStyle(styleContent, true);

    // resize the created text box with auto sizing
    newTextFrame.textFramePreferences.autoSizingReferencePoint = AutoSizingReferenceEnum.TOP_CENTER_POINT;
    newTextFrame.textFramePreferences.autoSizingType = AutoSizingTypeEnum.HEIGHT_ONLY;

    // set the new geometric bounds for the next text frame
    bounds = newTextFrame.geometricBounds; // get the bounds of the created text frame
    bottom = bounds[2];                    // get the new bottom edge
    bounds[0] = bottom;                    // set the top edge for the next text frame
    bounds[2] = bounds[2] + min_heigth;    // set the bottom edge for the next text frame
}

Результат:

Код немного подробен, в образовательных целях. На самом деле это может быть намного короче.

Спасибо, Юрий! Это было именно то, что я искал. Это абсолютно логично, никогда не задумывался об установке начальных координат вне цикла for. Большое тебе спасибо.

— 23.03.2022 12:46

22.03.2022 19:52