24/7 Support: 800.608.6482

How To Guides

How To Guides

Rich Text Editor for Products

There is a new attribute bar that appears now when you are editing/adding a product:

Attribute Bar

Here's a closeup:

Attribute Bar

We will go over each attribute and explain what they do.

Edit Shortcut Dropdown Menu

This drop down menu is a shortcut for "undo," "redo," and "find and replace."

Edit Dropdown Menu

Insert Shortcut Dropdown Menu

This drop down menu is a shortcut for "table," "link," and "image."

Insert Dropdown Menu

Style Shortcut Dropdown Menu

This drop down menu is a shortcut for "bold," "italic," "underline," "strike-through," "font family," "font size," "text color," and "background color."

Syle Dropdown Menu

Format Shortcut Dropdown Menu

This drop down menu is a shortcut for "align left," "align center," "align right," "align justify," "indent," "outdent" "superscript," "subscript," "numbered list," "bullet list," and "paragraph."

Format Dropdown Menu

View Shortcut Dropdown Menu

This drop down menu is a shortcut for "source mode," "full screen," and "help."

View Dropdown Menu

Bold

The "B" allows you to highlight specific text and make it bold.

Bold

Italic

The "I" allows you to highlight specific text and make it italicized.

Italics

Underline

The "U" allows you to highlight specific text and underline it.

Underline

Strikethrough

The "S" allows you to highlight specific text and put a strike through it.

Strikethrough

Font Menu

Under the Font Menu you can change the font type.

Font Menu

Font Size

Under the "T" you can change the size of the selected font.

Font Size

Font Color

Under the "A" you can change the font color.

Font Color

Font Background Color

Here you can change the font background color.

Font Background Color

Align Left

The "Align Left" allows you to highlight specific text and align it to the left.

Align Left

Align Center

The "Align Center" allows you to highlight specific text and align it to the center of your page.

Align Center

Align Right

The "Align Right" allows you to highlight specific text and align it to the right of your page.

Align Right

Align Justify

The "Align Justify" allows you to highlight specific text and justify it on your page.

Align Justify

Indent

The "Indent" icon allows you to highlight specific text and indent it to the right on your page.

Indent

Outdent

The "Outdent" icon allows you to highlight indented text and outdent it to the left on your page or replace it back to where it was.

Outdent

Superscript

The "Superscript" icon allows you to highlight specific text and set it higher and smaller than the rest of the text. This is typically used for symbols such as trademark, copyright, etc.

Superscript

Subscript

The "Subscript" icon allows you to highlight specific text and set it lower than the rest of the text.

Subscript

Numbered List

The "Subscript" icon allows you to highlight specific text and place numbers before the text.

Numbered List

Bullet List

The "Bullet List" icon allows you to highlight specific text and and place bullet points before the text.

Bullet List

Insert Table

Use this icon to insert a table into your code. Drag your mouse over the squares to choose how many rows/columns you would like.

Insert Table

Paragraph Format

Use this icon to format your paragraph.

Format Paragraph

Insert Link

Use this icon to insert a hyperlink.

Insert Link

Insert Picture

The "Insert Picture" icon allows you to insert a photo into your product description.

Insert Picture

Resize Picture

Once you've inserted the picture, you can use your mouse to grab one of the corners and resize the image to your liking.

Resize Picture

You can also enter specific dimensions in the width and height fields if you'd prefer.

Resize Picture

Add Hyperlink to Picture

By clicking on the link icon, you can link this image to a blog, site, or any internal or external location.

Link Image

Undo

The "Undo" icon allows you to undo the last actions you performed.

Undo

Redo

The "Redo" icon allows you to redo the actions you did.

Redo

Find and Replace

When you click this find and replace icon, you will be able to search and replace text easily throughout your document.

Find and Replace

Enter Full Screen

The "Edit Source Code" icon allows you to open up a screen and show the html source code for your product description.

Enter Full Screen

Enter Full Screen

View Source Mode

The View Source Mode brings you into a new menu with a few different options.

View Source Mode

Code Screen

Show/Hide Line Options

The "Show/Hide Line Code" icon allows you to turn on the line numbering.

Line Numbers On

Show Hide Line Code

Line Numbers Off

Line Number Off

Edit Source Code

The "Edit Source Code" icon allows you to open up a screen and show the html source code for your product description.

Edit Source Code

Show Color Picker

Click on the eye dropper and a second window will pop up that will allow you to pick a color for your code.

Show Color Picker

Show Color Picker

Insert Picture

The "Insert Picture" icon allows you to insert a photo into your product description.

Insert Picture


Rich Text Editor

If you click on this icon it will return you to the original editing screen you were on.

Rich Text Editor


Rich Text Editor for All Other Text Areas

Any text area that has Miva Template Code (which has the ability to use the History feature to go back to prior versions), will not display the Rich Text Editor, only the line numbering.

History

Line Code

You will see, however, two icons on the bottom right of the text windows. The icon on the left has shortcuts for Show/Hide Line Numbers, Show Color Picker, Insert Picture, Undo, Redo, Find and Replace and Help.

Line Code

If you click on the right icon it will take you into a Full Screen mode, which will then have these same shortcut icons along the top.

Full Screen

Any areas that have Description and / or Custom fields will display the full Text Editor.

Looking for Developer Docs?

We have a whole section for that, including: Developer Training Series, Template Language docs, Module Development tutorials and much, much more.

Head to the Developer Section

This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

Accept

Copyright © 1997 – 2024 Miva®, Miva Merchant®, MivaPay®, MivaCon®, Camp Miva®, Miva Connect®, Miva, Inc. All Rights Reserved.