As described already in the Full Featured Editor article, there are some powerful functionality built into GoGoWorx to allow you to easily use images and videos in your content.
Because adding and maintaining graphical content is very important, this article reiterates some of those same capabilities.
Drag & Drop
When editing, you can simply drag and drop an image into the editor window to insert it wherever you are in the article. Doing so will automatically upload the image to GoGoWorx and add the image reference into the article.
You can also drag and drop text into the editor window in the same way, although depending on the source of the text, you may paste as "plain text" instead of bringing the source formatting (font, color, styling) since this may disrupt the design of your article.
Copy & Paste
You can also cut and paste an image in the same way, so for example if you are editing an image in some other application, you can copy it there, then simply paste into the article editor. You can use system shortcuts, such as Ctrl + V (Windows) or Cmd + V (MacOS) to paste, or you can right-click in the editor to show the context menu and select the paste option from there. Whichever options are easiest for you.
Pasting as plain text (to match the editor's styling) can be done by either selecting the 'Paste as Plain Text' from the context (right-click) menu, or by choosing the Ctrl + Shift + V key combination (Cmd + Shift + V in MacOS)
Image Styling
Once you have inserted or pasted an image, you have a large amount of control over how it will appear. Rather than just appearing however you pasted it, you can control the overall size of the image by dragging the small marker at the bottom right of the image when you click on it
As you can see from this image, the context (popup) menu appears when you click on an image and the small drag marker can be seen at the bottom right corner, allowing you to drag and resize the image as needed.
The context menu also allows you to quickly change whether the image is floated to the left (as shown here), floated to the right (as shown below), or not floated in either direction.
Clicking the trash icon will delete the image, and clicking the pencil (Edit) icon opens up a lot more options, as described below.
Change Image Attributes Dialog
When you click on the pencil (Edit) icon from the image context menu, a new dialog window will open, showing you 2 different tabs that allow you to control many of the attributes for an image.
The first shown is the "Image" tab, which as you can see here offers options to specify the optional Title of an image, which is displayed whenever someone floats over it with their cursor.
You can also assign the optional Alternative Text for the image, which can be used to describe the image contents, which will also be displayed if the image is not able to be displayed for some reason.
Below these settings, you are able to change the dimensions of the image manually here, and the lock icon can be clicked (to become unlocked), controlling whether the aspect ration of the image should be locked or not whenever resizing.
The Reset button to the right of the lock icon can be clicked to restore the image size.
Clicking the Save button will apply and changes made to the image, or you can click the X in the top right corner to close the dialog without applying any changes.
The Effects tab offers more control over how the image appears and which effects are applied.
At the top of this page, a sample image is shown, along with some sample text. These are used to illustrate the effects being applied, allowing you to visualize how these effects will appear with your image and any text beside it.
Below this sample area, you can see the float control buttons again, representing Float-Left, Float-Right and No Float. These have the same meaning as the ones describes above that appear on the simple context menu. The effects of changing these here can be seen above in the sample area.
Below these buttons are a number of selections, providing various effects that can be applied to your image.
Shadow options are No Shadow, Shadow (as should to the left), or Large Shadow (as shown above)
Border options allow you to include a light gray border around the image or not (the image to the left has a border)
Frame options allow you to apply a picture frame style around your image, essentially adding a white border around the image, giving it the appearance of a picture frame.
The Margin settings determine whether there is any margin or spacing applied to the right or left of the image. Typically images that are floated to the left as shown here have a Right Margin applied, which offers some nice spacing to the right before any text appears (text will wrap around the image if it is longer than the image). When images are floated to the right, as shown above, a Left Margin is more appropriate. You also have the option of not applying any margin or spacing to the image.
Storage Space
Similar to article attachments, uploaded images are stored in the GoGoWorx servers. The size of these images counts towards your account's storage allocation. If you need more storage space, please upgrade your account.
If you need specialized assistance or have custom storage requirements, please contact support@gogoworx.com.
You can always see the amount of storage space you have available and also what contribution attachments and uploads have on that space by accessing the Dashboard.
Videos
It is best to use the Video button on the toolbar whenever you add video content, since it is likely hosted on some external server, such as YouTube, Vimeo or others that are supported.
Once you select the video, using the remote URL, it will be embedded within the article and can easily be accessed by your readers.
The size or duration of videos stored on external hosted services (such as Youtube, Vimeo and others that are supported) do not count towards your storage space allocation within GoGoWorx. Also, these specialized hosting services often have optimizations in place to better serve the video content, so it is advisable to embed references to those videos rather than hosting the videos on GoGoWorx servers, although you can certainly do so if you wish.
