Photoshop transduction plugin concept at @ annotation era

Today's languages provide an annotation mechanism that greatly simplifies the deployment of developers.

However, Photoshop cut-chart work has been carried out by people mechanical, why can not be handed over to the machine to complete the hard work, what is missing is only a specification, inform Photoshop How to do this thing, As long as Adobe adds a multiline text box to the new layer version of Photoshop for storing @Annotation annotations , the rest depends on how I do it:

1. Layer nesting corresponding HTML tag nesting

The default is div tag nesting

If you want to use a different label, then:

Set to:

{

TagName: "Span"

}

Set Style:

{

TagName: "Span",

style:{

float: ' Left ',

"Font-size": "12px",

Color: ' #c00 '

},

Stylemode: ' Inner ',

stylename:[' TextContainer ', ' Sidemenu '],

Text: ' Test content '

}

Generate Code = =

<span class= "TextContainer sidemenu" style= "float:left;font-size: ' 12px '; color: ' #c00 ';" > Test Content </span>

2. A layer without annotations by default will not generate code

3. Layer folders can be set to merge layer results within layers

Photoshop transduction plugin concept at @ annotation era