Divvy's Sandbox includes a lightweight content production area that allows users to write virtually any type of text-based content. Here's a quick overview of the Sandbox Content tab.
Content Tab & Editor Overview
The Sandbox Content tab technically has two states, a read state, and a write state. The read state is displayed when you first land on the Content tab, and can be used to quickly review content or data that has been stored with the content item.
To write content, click the Open in Editor button and our HTML editor will be displayed.
Important Note: The 'Open in Editor' button will be disabled if a content item is currently being edited by another user.
In the Editor view, you'll find the following:
- Standard text formatting functions (bold, italic, alignment, bulleted lists, etc.)
- Paragraph styles (standard HTML/CSS tags like <h1>, <p>, etc.)
- Insert hosted images and video
- Remove formatting - Recommended if copy/pasting content from other platforms
- Font color and highlighting - great for collaborative editing
- Source Code - grab the HTML source code if transferring content to a CMS or other WYSIWYG editor
- Full-screen mode - Need to remove distractions, or just need more space? Go fullscreen!
- Emoji Plugin
- Drag to expand window - In the lower right corner, you can drag the footer down to increase your viewing area
After you've made your edits, hit the green Save button located in the upper right of the screen. To return to the view mode of the Content Tab click the blue back button in the upper left.
If you are a little forgetful and don't remember to save periodically, no worries. Our content editor comes with an auto-save functionality that gets triggered every minute.
Inserting/Embedding Images within the DivvyHQ Content Editor
If you are wanting to insert an image within the body of your content, please note that there are differences between Divvy's WYSIWYG (What You See Is What You Get) editor and other CMS editors that are built for presenting a public web page (Ex: Wordpress). For starters, DivvyHQ and Wordpress actually use the same editor called TinyMCE. TinyMCE is designed to manage web-based content, which is output to HTML (behind the scenes). The difference comes with how and where your images are stored and referenced within the HTML code.
Sticking with the Wordpress example... When you insert an image into your content with Wordpress' WYSIWYG, Wordpress is doing a few things:
- Saving a copy of that image file to your website's server in a public folder (Wordpress is managing the "hosting" of your image file and other media)
- Creating a public URL for that image that anyone can access
- Referencing that public URL with HTML code that embeds the image into your web page content
- Displaying the image on your screen, positioned where you intended it to go.
- When you publish that web page, all your content is there and when the browser comes across the URL for the image, it knows to go fetch it on your web server and present it to the viewer.
Now...Here's how and why DivvyHQ is different.
Even though you might be creating a blog post or web page content within our platform, Divvy is designed to be a secure platform for producing and routing content for approval, not final presentation. You may need to create multiple versions of an image before it is ready for the public. This is why we have our "Attachments" feature (discussed above) so you can attach images/files/media to your content item and route them through any required review or approval steps.
If you still want to embed an image into the content, you can, but your image needs to be hosted on a public web server and the "Source" would be the URL of it's location on the web (not your computer's file system).
So if you want to embed an image into your content on DivvyHQ, you have three options:
- Drag and drop the image directly into edit mode of the WYSIWYG, which will also attach the image automatically to the attachments tab.
- Upload your image to a publicly hosted server (ex: the Wordpress media library), copy the URL, go back to your content item in Divvy, click the insert-image button and then copy/paste this into the Source field.
- Upload the image to your DivvyHQ content item, copy the url from the preview image after attaching it, click the insert-image button and the copy/paste the into the Source field.
If you are not looking to make any edits or you're unsure how the document has changed since you've last reviewed it, you can use Divvy's version tracking feature to track any changes made by any user.
On the Content tab, you have an option to "compare versions", within this screen you are able to:
- See who has made changes to the content
- Timestamps of all saved edits
- Easily see what has been changed with highlighted text
- Revert the content to a previous version
You can also open the document back in edit mode straight from the compare versions screen. To learn more about how to compare version, see here.
Note: you will not be able to open in the edit mode if someone is actively editing that specific content.