Home

Pinegrow Plugins

Plugin types:

• Framework plugins implement support for frameworks like Bootstrap, 960 Grid etc. They integrate in Pinegrow through Lib and Prop tabs. They define components, their properties and implement selectors or functions that auto-detect these components in DOM tree. Supported from version 1.082.
• Actions, tools and filters. Coming soon.

Loading a plugin

Open a page, go to Page menu on top of the page and select Manage frameworks. There you can activate / deactivate plugins for this page as well as load custom plugins. Once custom plugin is added it will be automatically loaded when the app starts.

Developing plugins

Check out 960 Grid plugin. It serves as a good starting point for developing simple framework plugins. More documentation will be available soon.

Debugging plugins

Open Chrome Developers tools in File menu.

Best way to do it on Windows (or unpack app content on Mac):

• open package.json and change toolbar to true
• edit edit.html and include your plugin JS file there in section where other frameworks are loaded. Before doing that unload your plugin through Plugin manager in PG. Otherwise two copies will be loaded.
• use the top right reload icon to reload the app after making changes.

More about plugins

Introduction to plugin API

Examples

Check out frameworks folder in Pinegrow installations. Framework files are not minimised.