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:
- The control panel
- Cutting, copying and pasting
- Changing the style of your text
- Changing the alignment of your text
- Changing the font and size of your text
- Choosing colors
- Adding links
- Inserting images
- Other features including lines, indents, foreign characters
- Finishing up and changing your article after it's saved
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.
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.
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:
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:
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:
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:
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:
- Click on edit profile in your MANAGE MY PROFILE box.
- Click on the Bio/Blog tab
- 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.
- 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.
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.
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.