FAQ – How to Use the Rich Text Box


When adding reviews, blogs, events and exhibitions you can customize your text using the control panel located above the Text Box. Here you can choose different fonts, styles, colors and add images and links. Follow this tutorial to find out how to add and format text and images.

This tutorial covers:

  1. The control panel
  2. Cutting, copying and pasting
  3. Changing the style of your text
  4. Changing the alignment of your text
  5. Changing the font and size of your text
  6. Choosing colors
  7. Adding links
  8. Inserting images
  9. Inserting Videos
  10. Other features including lines, indents, foreign characters
  11. Finishing up and changing your article after it's saved


What is the Control Panel?

The control panel is located at the top of the Text Box; it looks like this:

Using the buttons on the control panel, you can change the style of your text from "plain-Jane" to super fabulous.


Cut, Copy, and Paste

If you are adding a lengthy review or blog post, it is recommended that you write it out in a separate word processor and not in the ArtSlant text box. This will ensure that, if anything happens, your text won't accidentally get lost before you can save it—we all know how frustrating that can be!

You can however type directly into the text box if you wish. Simply click on the body of the text box and start typing.

If you are pasting your text into the text box you can either paste it directly into the text box using CTRL-V, or use the paste buttons on the control panel.


Note: It is recommended to use the paste buttons rather than pasting directly in the box if you are pasting text which you've copied from a web pagethis removes all the formatting which makes it easier for you to customize it yourself. You can either use the "Paste as Plain Text" button or "Paste from Word" button. Click on it and it will bring up this box.

You can use the "Cut" and "Copy" buttons to rearrange selected text. They're located next to the Paste buttons.

Buttons, in order: Cut | Copy | Paste | Paste as Plain Text | Paste from Word | Undo Action | Redo Action

Once all your text is pasted or typed into the box, then you can change the styles, size,  and fonts, and add images and links.



Changing the Style of your Text

To make changes to your text, first highlight the section to which you'd like to make changes:


Then use the buttons on the control panel to change the style.

You can let your text stand out by making it Bold, Italicized or Underlined. Click on the "B" icon to make your highlighted text bold, the "I" to italicize it, or the "U" to underline it. 


You can even use all three on the same highlighted section, if you'd like!


The "Strikethrough" button can be used to cross out text, if you don't wish to erase it fully. This can be handy if some information in your blog or review was pointed out to you as being incorrect, you want to add humor, or show how you changed your mind. 



Use the alignment buttons to orient your text to the left, in the middle, to the right or to stretch it to both right and left margins. Here we centered our title using the "Align Center" button: 


And here we have used the "Justify" button to make the body of our text reach both margins:



Font Family and Font Size

Now let's change the font from the default to something we think looks a bit nicer. Just highlight the text you want to change, and click on the drop down menu next to "Font family" to choose which font you'd like.


Here we've chosen the Georgia font for our article; now we'd like to change the font size.  Simply click on the drop down menu next to "Font size" to choose:




Now that we've chosen a nice font and size for our text, we might want to change the color. Highlight the text again and now click on the "A" button next to Font size to select the text color.


Then the Select a color box will pop up, which has a number of options to choose from. You can click More Colors to choose from a wider array of colors. Note that you can choose any shade or tint of that color from the bar on the right hand side.


Note: After you've chosen a color, when you click on the "Select text color" button again it will remember that color, until you change to another one. If you are planning on using multiple colors it's helpful to keep in mind the RGB code of the color you like so you can easily find it again. The RGB code is a six digit code that you find at the bottom of the "Select a color" box (e.g., #996600).

Here we've chosen a nice blue color for our text:

You can also change the background color from the default white by using the "Select Background Color" button on your control panel.

Here we've used a background color for our title:



Adding Hyperlinks

Links are a great addition to any review or blog post—they provide the reader a chance to find out more about the artist or gallery you're writing about. To add a hyperlink you'll need the full URL of the website you'd like your link to lead to. The URL is found at the top of your browser and is preceded by "http://"

To add a hyperlink to your article, highlight the text that you'd like to link to the other web address. Here we've highlighted "Brussels":

Next you'll click on the "Insert/edit link" icon, which has the logo of a chain.

Which brings up the Insert/edit link box:

Type in or paste the URL for the link you'd like to create.

Then click OK. Now "Brussels" is linked to the Brussels exhibition listings in the ArtSlant Calendar, allowing quick access for your reader to find new exhibitions. Note that we didn't have to include the full web address in the text itself—the link takes care of that:

To undo a link, highlight the link and click on the "Unlink" button, next to the "Insert/edit Link" button:



Inserting Images

First make sure your cursor is where you'd like your image to appear—in our case at the end of our first paragraph. Then click on the icon of a mountain on the control panel to upload and configure images:

A dialogue box comes up: click Choose File to upload an image from your computer's hardrive:
Once you've selected an image from your computer, click Upload the image. You'll get this box while your image uploads. (Note that you can only upload images up to 5MB in size. If you try to upload an image larger than that, this box won't disappear, and your image won't load. Try resizing your image before uploading again.) Click OK.
Voilà!  Now our image is in place, we can align it—just like we did our text.
Let's say we want to center our image, so it floats in the middle of the text, not on left. Click on or next to the image to select it, then click on the "Align Center" button—like we did for our title at the top of the page.
You can also align the image to the left or the right. If you insert your image at the beginning of your paragraph the text will wrap around the side of the image if it's not too wide. Simply select or highlight your image, click on the add/edit image button again, and enter the alignment you'd like.
If you want the text to wrap around the image, you may need to add some buffer room between the image and the text. In the HSpace and VSpace fields, you can add how much padding you want. Here, we've added 10 pixels to create some horizontal padding.
Here's what it looks like if we'd placed our image at the beginning of our paragraph and set the alignment as "Left" with 10 pixels horizontal padding (HSpace).
Adjusting the Size of Your Image
Let's say we want to make our image a little smaller. Simply click on the image to select it, then click the mountain add/edit image button. The image's current dimensions will be in the width and height fields.
Type in the new width or height you want your image to be. If you type a width value, the height value will automatically adjust to rescale your image properly. Here we've set the image width at 200 pixels:
Here's what the image looks like in the text now:

Inserting Videos

To insert a video into your profile, you must insert the embed code directly into the HTML of the Rich Text Editor on your profile's Bio/Blog page. To embed a video, go to your ArtSlant Profile:

  1. Click on edit profile in your MANAGE MY PROFILE box.
  2. Click on the Bio/Blog tab
  3. In a new window, find the video that you want to embed. Copy the embed code of the video you would like to embed. For instance, if the video is hosted on YouTube, click on share below the video, then embed, and copy the code beginning with the < iframe > markup.
  4. Back on your Bio/Blog page, find the Rich Text Box. First, decide where you would like to embed your video and insert an unusual word or symbol as a placeholder in the text where you would like to add your video (i.e.: $, \\, etc.).  Click on the HTML button in the Rich Text Editor, this will open a dialogue box in which you can edit the HTML of your Bio/Blog page. Command F (⌘F) or Ctrl F will open up the find box of your browser where you can then type in the placeholder word/symbol you used. This is just an easy way of finding your place within the HTML field. In place of your placeholder, between < p > and < /p >, paste the embed code from your video and press Update.



Other Features: Lines, Indents, Foreign Characters, etc.



Insert Special Character | Block Quote | Insert Horizontal Line

Insert/remove numbered list | Insert/remove bulleted list | Decrease Indent | Increase Indent


You can insert a line by using the "Insert Horizontal Line" button on your control panel:

You can indent a paragraph by clicking on the "Indent" button in the middle of your control panel:


Another option is to use "Block Quote" button—very handy for those long quotes, or lists like this one:

Use the "Insert custom character" button to add symbols--helpful for adding accents.

It will bring up this box.  Simply click on the character to insert it.



Finishing up and re-editing

Once you've finished writing and formatting your article, press Save at the bottom of the screen.

Your article is now posted and looking great! If you find any mistakes that you missed in your article, click on edit article on the right side of your screen.