使用 Illustrator 脚本根据内容宽度为每个图层添加单独的画板

Question

我已经编写了一个代码来从 csv 文件中提取内容，并将每个文本块添加到 illustrator 的每一层。 目前我可以为固定画板添加内容。 但是我需要在保持宽度为 23mm 的同时添加单独的画板。 因此，画板高度类似于特定层的内容高度。 我收到错误消息“TypeError: text.parentArtboard is undefined” 请帮助我解决上述问题。

 var csv = '''clipName,Trans,fname A1,test Text1,A1_ENG A2,Pigment dyed fabric w.,A2_ENG A3,UPF 50+ fabric. Only covered areas are protected. To maintain this level of protection the garment must be rinsed in fresh water after each use.,A3_ENG A4,Light colours may become transparent when wet,A4_ENG''' /* var csv_file = File.openDialog(); csv_file.open("r") var csv = csv_file.read(); csv_file.close() */ var lines = csv.split("\n"); // MAIN ------------------------------------------------------------- // make character styles var FONT1 = make_style("font1", "ArialMT", 5.5); // process lines for (var i=1; i<lines.length; i++) { var data = get_data_from(lines[i]); make_layer(data.name) var text = make_text(data.contents); apply_styles(text); put_in_center(text); // Create a new artboard //artboard() } // END // functions -------------------------------------------------------- function make_style(style_name, font_name, size) { // try to add a new style try { var style = app.activeDocument.characterStyles.add(style_name) } // or pick a style with the same name if it exists already catch(e) { var style = app.activeDocument.characterStyles.getByName(style_name) } //var style = app.activeDocument.characterStyles.add(style_name); style.characterAttributes.size = size; style.characterAttributes.textFont = textFonts.getByName(font_name); return style; } function addArtboard(text, artboardWidth ) { // Get all layers in the text var layers = text.layers; // Set the artboard width to 23 var artboard = text.parentArtboard; artboard.width = artboardWidth; // Declare variable to keep track of content height var contentHeight = 0; // Loop through all layers for (var i = 0; i < layers.length; i++) { var layer = layers[i]; // Position the layer layer.x = 0; layer.y = contentHeight; // Update content height contentHeight += layer.height; } // Set the artboard height based on the content height artboard.height = contentHeight; } function get_data_from(line) { var arr = line.split(","); var fname = arr[2] var VL1 = arr[0]; var VL2 = arr[1]; //alert("Your message here...", fname); //return {"name":Fname, "contents":[VL1, VL2, VL3, VL4,VL5, VL6, VL7, VL8, VL9]}; return {"name":fname, "contents":[VL2]}; } //string.includes(substring) function rearrangeText(text, artboardWidth) { // Split the text into words var words = text.split(" "); var rearrangedText = ""; var currentLine = ""; // Loop through each word for (var i = 0; i < words.length; i++) { var word = words[i]; // If the current line + the next word would exceed the artboard width if (currentLine.length + word.length > artboardWidth) { // Add the current line to the rearranged text rearrangedText += currentLine + "\n"; // Reset the current line currentLine = ""; } // Add the word to the current line currentLine += word + " "; } // Add the last line to the rearranged text rearrangedText += currentLine; return rearrangedText; } function make_layer(layer_name) { var new_layer = app.activeDocument.layers.add(); new_layer.name = layer_name; } function make_text(array) { var text = app.activeDocument.textFrames.add(); text.contents = rearrangeText(array.join("\n"),23); addArtboard(text.contents,23) //Try to add new artboar based on the text content size return text; } function artboard() { var layers = app.activeDocument.layers; var textLayers = []; for (var i = 0; i < layers.length; i++) { if (layers[i].kind == LayerKind.TEXT) { textLayers.push(layers[i]); } } var width = 23; // width in mm for (var i = 0; i < textLayers.length; i++) { var textLayer = textLayers[i]; var textBounds = textLayer.bounds; var artboardWidth = width * app.activeDocument.rulerUnits; var artboardHeight = textBounds[3] - textBounds[1]; var artboard = app.activeDocument.artboards.add(textBounds); artboard.width = artboardWidth; artboard.height = artboardHeight; textLayer.move(artboard); } } function to_center(artboard, item){ var artboard_x = artboard.artboardRect[0] + artboard.artboardRect[2]; var artboard_y = artboard.artboardRect[1] + artboard.artboardRect[3]; var x = (artboard_x - item.width)/2; var y = (artboard_y + item.height)/2; item.position = [x, y]; } function apply_styles(text) { // not the best piece of code, I'm sure it can be done better text.textRange.paragraphAttributes.justification = Justification.CENTER; FONT1.applyTo(text.textRange); } function put_in_center(obj) { var rect = app.activeDocument.artboards[0].artboardRect; var page_w = rect[2] - rect[0]; var page_h = rect[1] - rect[3]; var shift_x = page_w/2 - obj.width/2; var shift_y = -page_h/2 + obj.height/2; obj.position = [rect[0] + shift_x, rect[1] + shift_y]; }

当我删除 function addArtboard(text, artboardWidth ) 时，所有内容都将根据画板的宽度重新排列。 但是，由于代码错误，画板大小不会改变。 专家请帮助我解决这个问题。 下面提到了插画图层上内容排列的图像

Answer 1

如果正确理解任务，您可以将此 function 添加到代码中：

function distribute_texts_and_create_artboards() {

    const mm    = 2.83465;   // mm/pt
    var shift_x = 30 * mm;   // horizontal shifs for texts
    var width   = 25 * mm;   // artboard width

    var doc = app.activeDocument;
    var frames = doc.textFrames;

    // move all the frames and create an artboard for the every text frame

    for (var i=0; i<frames.length; i++) {

        var frame = frames[i];
        frame.translate(shift_x * i, 0); // move the frame horizontally

        var frame_x1 = frame.geometricBounds[0];
        var frame_y1 = frame.geometricBounds[1];
        var frame_x2 = frame.geometricBounds[2];
        var frame_y2 = frame.geometricBounds[3];

        var artboard_x = frame_x1 - (width - frame.width)/2;
        var artboard_y = frame_y1;
        var artboard_w = frame_x2 + (width - frame.width)/2;
        var artboard_h = frame.height;

        var artboard_rect = [artboard_x, artboard_y, artboard_w, -artboard_h];
        var new_ab = doc.artboards.add(artboard_rect); // create a new artboard
        new_ab.name = frame.parent.name; // artboard name = layer name

        // frame.position = [frame.position[0], frame.position[1]/2]; // to centred the frame vertically
    }

    doc.artboards[0].remove(); // delete the old first artboard
}

并在“主要”部分的末尾调用它：

...
}

distribute_texts_and_create_artboards();

// END

...

并注释掉该行：

// put_in_center(text);

它应该为您提供如下布局：

稍微调整画板框架的垂直 position 可能是有意义的。 但是由于您没有提供所需结果的示例，所以我暂时将其保留原样。 让我知道您是否需要它或取消注释该行：

frame.position = [frame.position[0], frame.position[1]/2];

您不再需要代码中的addArtboard()和artboard()函数。

---

更新

这是 function，它将图层中的所有文本框作为单独的 PDF 保存到与当前 AI 文件相同的文件夹中。 文件名与层名相同。

function save_layers_as_pdfs() {
    var doc = app.activeDocument;

    // pdf options
    var options = new PDFSaveOptions();
    options.compatibility = PDFCompatibility.ACROBAT5;
    options.generateThumbnails = true;
    options.preserveEditability = false;
    options.preset = "[Smallest File Size]";

    var mm = 2.83465;     // mm/pt
    var width = 25 * mm;  // artboard width

    var layers = doc.layers;
    for (var i=0; i<layers.length; i++) {
        var layer = layers[i];
        layer.hasSelectedArtwork = true;
        if (app.selection.length == 0) continue;
        app.copy();
        app.selection = null;

        // create a new file
        var file = File(doc.path + '/' + layer.name + '.pdf');
        var new_doc = app.documents.add();
        app.paste();

        // change the artboard size
        var frame = new_doc.textFrames[0];

        var frame_x1 = frame.geometricBounds[0];
        var frame_y1 = frame.geometricBounds[1];
        var frame_x2 = frame.geometricBounds[2];
        var frame_y2 = frame.geometricBounds[3];

        var artboard_x = frame_x1 - (width - frame.width)/2;
        var artboard_y = frame_y1;
        var artboard_w = frame_x1 + frame.width + (width - frame.width)/2;
        var artboard_h = frame_y1 - frame.height;

        doc.artboards[0].artboardRect = [artboard_x, artboard_y, artboard_w, artboard_h];

        // save a pdf and close document
        new_doc.saveAs(file, options);
        new_doc.close(SaveOptions.DONOTSAVECHANGES);
    }
}

您可以在 MAIN 部分的末尾调用此 function。

结果：

并确保您的 csv 数据正确：分隔符、引号、表格等。