Skip to content
pinegrow.com
Docs menuPinegrow Web Editor release notes
Release notes

Pinegrow Web Editor 2.8, April 20, 2016

Updated

Pinegrow Web Editor 2.8 is available for download.

On this page

Pinegrow 2.8 has lots of useful improvements that will let you work with web documents faster and smarter:

Copy & paste - Finally!

Pinegrow came far without it. But now proper copy, cut and paste with clipboard manager is here:

Clipboard panel listing copied elements, with Open clipboard, active item and pin controls called out

Auto-complete in PROP and ACT panels

Pinegrow scans the whole project (or all open pages in case of Pinegrow standard) and offers auto-complete suggestions for attributes…

Team Member component properties with the Image src dropdown listing images/bird.jpg, images/dog.jpg and images/owl.jpg

…component definitions and instances…

Editable Areas panel with Field id set to image, editable attribute src and editable class img-circle, with img-responsive suggested

…classes and more:

Assign CSS class dialog with the search set to align, listing suggestions such as alignleft and fa-align-center from the stylesheets

Edit Javascript and other non-HTML files

These files can now be edited directly in Pinegrow. Use “Open in code editor” command in PRJ panel. To re-run the Javascript code after changing it use Page › Refresh (CTRL/CMD + R).

Project panel with the code.js Pages menu open on Open in code editor, beside the Ben's App page preview

Search document tree by selector

Use selectors like div.active, [href=”#”] or any other CSS selector to search the page. By default Pinegrow searches by text and selector (for example, searching for “p” will find all elements with the text “p” and all <p> elements). To force the selector search prepend the selector with $ (for example, “$p” will find only <p> elements);

Document tree filtered by the selector a[href="#"], listing the Next posts and Previous posts links

Page properties

Select the top page element in the tree and use PROP panel to edit page title, keywords, description and author fields. Meta field is also available in LIB panel from where you can place it to the <head> element.

Page properties panel with Page title Our Team | TreeMoss, a page description, page keywords and an empty author field

Removing ACT and WP actions

ACT and WP actions are now removed from elements by clicking on the x icon. In previous versions actions were removed by clicking on the action name.

Define component panel for content_page with the Remove action from the element button highlighted

And:

  • Detect problems with the internal webserver and offer solutions.
  • WordPress quick export can be turned off (WordPress › Quick export on save). The export happens also when HTML and CSS files are modified outside of Pinegrow.
  • Bug fixes and probably a couple of new bugs 🙂