- HTML、CSS 便利好用編輯器 寫網頁超快速
- 視覺化的 Bootstrap 網頁設計工具
- 支援時下流行的網站開發 Bootstartp, Foundation, AngularJS 和 WordPress
- 支持 Windows / Mac / Linux
Pinegrow Web Editor is a desktop application for creating and editing websites. Pinegrow is a general purpose HTML and CSS editor. Although it has extensive support for frameworks like Bootstrap and Foundation, Pinegrow is not tied to any particular framework or library.
With Pinegrow you build websites by editing HTML layout and CSS rules. Pinegrow is a collection of integrated tools: some are visual and some work with code. You’re free to mix & match these tools in a way that best fits the task at hand.
For example, when working with Bootstrap, you can use Element properties panel to (1) visually control Bootstrap properties, live-synced with the (2) code view where you can inspect and tweak the HTML code directly. At the same time you use (3) Style panel to edit active CSS rules.
Open HTML files on your desktop
Pinegrow lets you work with HTML files on your computer. It doesn't add any frameworks, layouts or styles of its own to your code. There is nothing to upload, import or export. Simply open, edit and save your HTML files.
Speed up working with HTML
Quickly build the layout of your webpage with Pinegrow's powerful visual tools for adding, editing, moving, cloning and deleting HTML elements.
Bootstrap, Foundation, AngularJS or HTML
Pinegrow has full support for Bootstrap and Foundation. Drag components to the page and customize them through UI properties. Pinegrow automatically sets attributes, adds classes or even adjusts the component's HTML code. AngularJS, 960 Grid and plain HTML are also supported.
WordPress theme builder
Open or create a HTML page in Pinegrow Web Editor. Add WordPress actions to HTML elements and set their parameters. Export the WordPress theme. Pinegrow generates PHP code and splits the page into PHP theme files.
Edit multiple pages at the same time makes responsive website design a breeze. Duplicate and mirror pages (changes in the source page are automatically reflected in a mirrored page), set different zoom levels and device sizes.
Pinegrow loves the code
Pinegrow doesn't hide the code from you. Edit pages visually and through code - at the same time. Changes made through visual UI are immediately reflected in the code view. Code edits - even if made in external code editor - are immediately visible on the page and in visual UI. (BTW, this makes Pinegrow the perfect tool for learning about HTML & CSS).
Powerful CSS editor
Edit CSS rules visually or through code. Add variables and expressions to create easily customizable themes. Use Stylesheet manager to clone, attach and remove stylesheets. Changes made to a stylesheet will be immediately visible on all pages that use that stylesheet.
Make your pages responsive
Easily design responsive websites with Media query helper tool. Add custom breakpoints or let PG detect them by analyzing stylesheets. Use multi-page editing to edit the page at multiple device sizes.
Quickly build websites with Blocks
Use the collection of ready-made website blocks to quickly build great looking websites. Drag blocks to the page, customise the content, style CSS rules if you want - and your website is done. You can even create fully customisable WordPress themes with blocks.
Edit any page from the web
Pinegrow also lets you open any page from the web. Just enter the URL and start editing the remote page: change layout, edit text and images, modify CSS rules... This is great for editing CSS of server-generated pages and for trying out templates. Then save modified HTML and CSS files to your computer.
Use Pinegrow alongside your favorite code editor
Pinegrow fits right into your workflow. Use it alongside your favorite code editor (with smart auto-refresh), source control system, package manager and deployment tools. Use plugin for Atom to live sync edits with Pinegrow.
Edit PHP, ASP and ERB HTML templates
Visually edit HTML layouts with dynamic server-side code tags. Double-click on any element that contains PHP, ASP or Ruby on Rails blocks to edit the code. Read more »
Projects, Master pages, Components, Partials and Libraries
Pinegrow PRO is an edition of Pinegrow Web Editor with powerful tools like Projects, Master pages, Partials and Smart components, perfect for building and managing multi-page websites.
販售的版本有：Pinegrow 標準版、Pinegrow PRO 專業版、Pinegrow PRO+WP 專業WordPress版