Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to use exported 'enginedata' when execute export_text_data? #23

Closed
HiZhaoxiaoyang opened this issue Aug 6, 2013 · 2 comments
Closed

Comments

@HiZhaoxiaoyang
Copy link

and is any 'export_html_data' modules can export html and css codes directly? thanx.

@meltingice
Copy link
Member

If I'm following the question correctly...

If you want to retrieve text and font data, the easiest way is to do:

psd.tree.children_at_path('path/to/layer').first.text

That will return something like:

{:value=>"Make a change and save.",
 :font=>
  {:name=>"HelveticaNeue-Light",
   :sizes=>[33.0],
   :colors=>[[255, 19, 120, 98]],
   :css=>
    "font-family: \"HelveticaNeue-Light\", \"AdobeInvisFont\", \"MyriadPro-Regular\";\nfont-size: 33.0pt;\ncolor: rgba(19, 120, 98, 255);"},
 :left=>0,
 :top=>0,
 :right=>0,
 :bottom=>0,
 :transform=>{:xx=>1.0, :xy=>0.0, :yx=>0.0, :yy=>1.0, :tx=>456.0, :ty=>459.0}}

As you can see, CSS is exported with the rest of the text data. If you want to work more directly with the text data, you can do:

type = psd.tree.children_at_path('path/to/layer').first.type
type.text_value #= text content in text area
type.fonts #= list of all fonts for the text area
type.sizes #= all the font sizes used in the text area
type.colors #= all the colors used in the text area, RGB format
type.parser.to_css #= the css styles for the text

@HiZhaoxiaoyang
Copy link
Author

thanks I'll give it a try.

发自我的 iPhone

在 2013-8-6,22:10,Ryan LeFevre notifications@github.com 写道:

If I'm following the question correctly...

If you want to retrieve text and font data, the easiest way is to do:

psd.tree.children_at_path('path/to/layer').first.text
That will return something like:

{:value=>"Make a change and save.",
:font=>
{:name=>"HelveticaNeue-Light",
:sizes=>[33.0],
:colors=>[[255, 19, 120, 98]],
:css=>
"font-family: "HelveticaNeue-Light", "AdobeInvisFont", "MyriadPro-Regular";\nfont-size: 33.0pt;\ncolor: rgba(19, 120, 98, 255);"},
:left=>0,
:top=>0,
:right=>0,
:bottom=>0,
:transform=>{:xx=>1.0, :xy=>0.0, :yx=>0.0, :yy=>1.0, :tx=>456.0, :ty=>459.0
}}
As you can see, CSS is exported with the rest of the text data. If you want to work more directly with the text data, you can do:

type = psd.tree.children_at_path('path/to/layer').first.type
type.text_value #= text content in text area
type.fonts #= list of all fonts for the text area
type.sizes #= all the font sizes used in the text area
type.colors #= all the colors used in the text area, RGB format
type.parser.to_css #= the css styles for the text

Reply to this email directly or view it on GitHub.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants