Post and Page Builder by BoldGrid – Visual Drag and Drop Editor vs AddQuicktag

This plugin makes it easy to add Quicktags to the html – and visual-editor. It is possible to export your Quicktags as a JSON – file that can be imported in other installations of the plugin. WP-AddQuicktag for WordPress is originally created by Roel Meurders. The versions in the Repo of AddQuicktag are newer versions, this is a complete rewrite of version 2.0.0 with more functionality. The plugin can add configurable custom quicktags to the editor of every post type, including custom post types from other sources. You may choose a post type for which a quicktag shall show up in the editor. If this should not work perfectly well for you, you may also use the hooks inside the plugin. See the examples and hint inside the tab “Other Notes“. Bugs, technical hints or contribute Please give me feedback, contribute and file technical bugs on GitHub Repo. The Wiki on this page has also several hints for the plugin. Crafted by Inpsyde · Engineering the web since 2006. Hook for custom post types The plugin adds the quicktag by default to post types/ID post, page and comment. To use the plugin for other post types also you may use a filter; see the following example or an example plugin in the Gist 1595155. // add custom function to filter hook 'addquicktag_post_types' add_filter( 'addquicktag_post_types', 'my_addquicktag_post_types' ); /** * Return array $post_types with custom post types * * @param $post_type Array * @return $post_type Array */ function my_addquicktag_post_types( $post_types ) { $post_types[] = 'edit-comments'; return $post_types; } Hook for custom pages It is possible also to filter the pages inside the backend. By default the scripts include the pages post.php, comment.php. The following example changes this for an another page. add_filter( 'addquicktag_pages', 'my_addquicktag_pages' ); /** * Return array $page with custom page strings * * @param $page Array * @return $page Array */ function my_addquicktag_pages( $page ) { $page[] = 'edit-comments.php'; return $page; } See this Gist as an example for how to add the Quicktags to the editor of comments: Gist: 3076698. If you want the Quicktags of this plugin to work on the Quickedit of comments as well, remove the .example-part of addquicktag_quickedit_comment.php.example filename. The file is a stand alone helper plugin for Add Quicktag. You’ll need to activate this file (plugin) separately in ‘Manage Plugins’. Hook for custom buttons It is possible to add custom buttons to the editor, if the plugin is active. The following example adds buttons. The params inside the array are the same as in the settings of the plugin. if ( class_exists( 'Add_Quicktag' ) ) : add_filter( 'addquicktag_buttons', 'my_addquicktag_buttons' ); function my_addquicktag_buttons( $buttons ) { $buttons[] = array( 'text' => 'Permalink', 'title' => '', 'start' => '[permalink]', 'end' => '[/permalink]', 'access' => '', 'order' => 1, 'visual' => 1, 'post' => 0, 'page' => 1, 'comment' => 0, 'edit-comments' => 0 ); $buttons[] = array( 'text' => 'Button', 'title' => '', 'start' => ' ', 'end' => ' ', 'access' => '', 'order' => 2, 'visual' => 1, 'post' => 0, 'page' => 1, 'comment' => 0, 'edit-comments' => 0 ); return $buttons; } endif; License Good news, this plugin is free for everyone! Since it’s released under the GPL, you can use it free of charge on your personal or commercial blog. But if you enjoy this plugin, you may consider to thank me and leave a positive review for the time I’ve spent writing and supporting this plugin. And I really don’t want to know how many hours of my life this plugin has already eaten 😉

What is the Post and Page Builder by BoldGrid? The Post and Page Builder is an intuitive drag and drop editor plugin and the easiest way to create and edit pages for any theme. Whether you are new to WordPress or consider yourself a pro, BoldGrid solutions will make your WordPress life better. Stop dealing with site-breaking shortcodes and theme restricted editors. You are going to love just how fast and easily you can create beautiful websites now. Try out the BoldGrid Demo on Cloud WordPress to see for yourself! Features Drag and Drop Editing – Create simple or complex layouts with our unique editing experience BoldGrid Blocks – Hundreds of professional layout designs to work from 100% Mobile-friendly – Responsive layouts and controls to change the design per device Google Fonts – Change font family, font size, font color, letter spacing, line height and more Theme Compatibility – Our WordPress Page Builder is designed to work with any WordPress Theme Custom Backgrounds – Add background images, gradient backgrounds, patterns, overlays, and background colors Fast and Free Support – Growing Community and knowledge base Animations – Add effects as the user scrolls down the page with Animate.css or background parallax scroll effects Advanced Controls – Add margin, padding, box shadows, borders, alignment and more to almost any element Bootstrap Grid – Drag and drop controls for bootstrap rows and columns elements Add Custom CSS Classes – Complete control over any element Clean, Simple Markup – Easily create a professionally coded template without experience Google Maps – Embed and customize maps into your post or page Web Components – High quality reusable and customizable HTML elements Font Awesome Icons – Insert and customize any Font Awesome icons CSS Grid – Full width, column and row based layouts Image Editing – Apply image filters and automatically crop images Button Designs – Fully customizable button designs Custom Post Types – Save and reuse full page layouts or BoldGrid Block designs WordPress Editor Integration – Integrated into TinyMCE so you can keep the same workflow No Need for Shortcodes! – Faster page loads by saving your custom HTML5 elements Additional Features when used with other BoldGrid plugins: Dozens of free layout templates Integrated with professional image banks Contact Forms On-page SEO recommendations for targeted search phrase Visit our website to learn more about additional BoldGrid plugins to further improve your WordPress experience! People Love BoldGrid “It’s really the perfect starting point for just about any web project, allowing users to get their site up and running in very short time. ” – Digital.com “BoldGrid is a great extension to WordPress that will make my job a lot easier and faster while creating custom layouts and pages.” – Webhostingmedia.net “Well, I have seen many site builders but this is the only one that provides so many features.” – Woblogger.com A Post and Page Builder That Works With Your Theme and Plugins The Post and Page Builder by BoldGrid is designed to work with almost any WordPress theme. Add it to your existing website today, or try a BoldGrid theme for your new website. Alternatively, consider upgrading and using the powerful BoldGrid framework theme (available in Premium subscription) as an excellent time saver for agencies and developers. A Post and Page Builder Stuffed With Pre-Designed Templates & Blocks Create layouts and pages faster and easier than ever with Blocks by BoldGrid. Blocks are pre-built page sections consisting of various layouts of rows and columns prepopulated with content that can be edited visually or with HTML and CSS. Blocks utilize a wide variety of content that can be completely customized to fit your needs such as icons, buttons, free and premium images, font packs, and more. A Post and Page Builder That Is Faster Than The Rest The Post and Page Builder by BoldGrid is designed to create pages that load fast. BoldGrid ditches shortcodes in favor of clean markup that can be served quickly. That also means BoldGrid code is easy to assess and customize. Coming Soon / Maintenance Page Great for making “under construction” or “coming soon” pages. You can create a simple page within minutes by using free professionally designed WordPress Blocks. Bootstrap WYSIWYG Post & Page Builder for WordPress Our drag and drop system is built on the Bootstrap Grid. You can drag columns, rows, and containers around your pages to make quick updates to pages. Advanced CSS controls allow you to make pixel perfect designs. Create Custom Color Palette Choose your brand’s colors and we’ll help your design stay unified. Our unique color palette system is built with SASS and allows you to change all the colors on your site. You don’t have to choose from a few presets anymore!