So a lot of folks have asked us to provide some way of limiting the number of icons (tools) available in the WYSIWYG editor that pops up when you click on a green bubble in PageLime.
We’ve recently released two features that cover this request:
- You can append “-text” to your cms-editable CSS class (for example: “cms-editable-text” or “tomiscool-text“), to restrict the number of icons/tools available for that area.
- You can configure what tools are available for HTML vs. Text areas in a new tab in the settings for each site.
So, for example, a DIV tag which has limited WYSIWYG options would look like this:
<div id="intro" class="cms-editable-text"> Hello World </div>
In the screenshot below, you can see what the new tab in the Site Settings screen looks like. This is where you can configure which icons/tools appear in the WYSIWYG toolbars. To add/remove items to the toolbars you drag and drop icons from the right into the toolbars on the left. There are two toolbars, the first of which always shows (for both HTML and Text areas), and the second shows ONLY on HTML areas.
Also, you will notice that there is a button to “toggle simple mode“. When you click this button, the toolbars will change from the visual mode to a standard text area, so that you can copy and paste the text to and from your other sites. This is useful when you want to copy your toolbar configuration from one site to another, without having to go through the whole drag-drop process again.
We hope that this is a helpful feature, and that our user experience is on point. We tried to think through how people would like to manage their toolbars, and the drag-and-drop interface seemed like the best option, while also providing the “simple mode” for moving data around.
Comments, suggestions, and gripes are welcome! (As long as the gripes are directed at Tom).
Tom says: Emil is just sad at all the PageLime user friends I’m making. Someone please send him an email with a puppy or a red panda. He loves them.