You are here: Designing Your LearnCenter (Classic Page Editor) > WYSIWYG Editor

Classic WYSIWYG Editor

In Release 20D, all customer environments will be migrated from this existing Classic WYSIWIG editor (Cute Editor) to our new editor experience (TinyMCE). If you would like to take advantage of the more secure and robust TinyMCE editor features by migrating before Release 20D, you can submit a service request through My Oracle Support to ask for early migration.

See New WYSIWYG Editor for details.

Some HTML customizations, such as height and width settings, may negatively impact on-screen viewing. Always test and validate any custom HTML code to ensure that it displays as you intended.

This topic refers to the Classic WYSIWYG Editor. The tool bar buttons on this editor look similar to the illustrations below. If the buttons on your WYSIWYG Editor look different than the ones in this topic, your LearnCenter uses the New WYSIWYG Editor. Use this topic as a guide for understanding how to use the icons on the Classic WYSIWYG Editor.

Each button on the editing tool bar is described below.

Button Description   Button Description

Save

Click this to save the active content in the editor's content area.

 

Click this to insert cells.

Print

Click this to print the current page. You are prompted to select a printer. Select the printer you want and click Print.

 

Click this to delete cells.

Preview current page

Click this to preview the current page. You can manually select  the height and width of the window in which you want to preview the page, or you can select the following preset sizes:
640 x 480, 800 x 600, or 1024 x 768.

 

Delete Columns

Click this to delete the selected columns.

Find and replace

Click this to find and replace text in the content area. The Find and Replace window opens. Type what you want to find in the Find What field, and type what you want to replace in the Replace With field. You can match instances of what you are looking for by whole word and by case. You can opt to Replace one instance or Replace All. You can skip items by clicking Find Next.

 

Row Properties

Click this to edit the properties for the current row. Place your cursor in any cell in the row you want to edit. Click Row Properties to open the Properties window. Make the necessary changes and click OK.

Note: You can also double-click the table to open the Properties wizard for more options.

Restore down

Click this to minimize your editing space. When the editor opens, it opens in full screen mode. Click it again to edit in full screen mode, maximizing your available space.

 

Cell Properties

Click this to edit the properties of the current cell. Place your cursor in the cell you want to edit. Click Cell Properties to open the Properties window. Make the necessary changes and click OK.

Note: You can also double-click the table to open the Properties wizard for more options.

Click this to clean up the HTML tags. The Clean Up HTML window opens, enabling you to do any of the following: delete all HTML tags, delete all Microsoft Word  specific markup, clean up cascading style sheets, clean up <font> tags, and clean up <span> tags.

 

Merge Cells Right

Click this to merge the selected cells to the right.

Click this to run the Spell Check tool. You can ignore spellings, add words to the dictionary, or replace words with suggested terms.

 

Merge Cells Down

Click this to merge the selected cells down.

Click this to delete selected text and graphics. Doing so places the data into temporary memory, also known as the “clipboard.”  If you are prompted to allow the web page to access your clipboard, click Allow Access. You will only be prompted to allow access the first time you use this button.

Note: If you later cut or copy more information onto the clipboard, the new information overwrites the original information.

 

Split Cells Right

Click this to split the cells right.

Click this to copy selected text and graphics into temporary memory.

Note: If you later cut or copy more information into memory, the original information is lost.

 

Split Cells Down

Click this to split the cells right.

Click this to paste the most recently cut or copied text and graphics at the current cursor location. If you are prompted to allow the web page to access your clipboard, click Allow Access. You will only be prompted to allow access the first time you use this button.

 

Insert Break

Click this to insert a line break.

Click this to paste unformatted text in the content area. This is useful if you want to delete all formatting from the source from which you copied the text

 

Insert Paragraph

Click this to insert a paragraph.

Paste from Microsoft Word

Click this to paste content copied from a Microsoft Word document and delete tags considered not web-friendly.

 

Justify Paragraph Right

Click this to justify the selected paragraph to the right.

Paste as HTML

Click this to paste content copied from an HTML source and keep the HTML formatting.

 

Justify Paragraph Left

Click this to justify the selected paragraph to the left.

Delete

Click this to delete selected text or graphics.

 

Insert Numbered List

Click this to insert a numbered list before the current or selected text. Click this button again to add a space after the numbered list.

Undo

Click this to undo the last operation.

 

Insert Bulleted List

Click this to insert a bulleted list before the current or selected text. Click this button again to add a space after the bulleted list.

Redo

Click this to redo the last operation.

 

Indent Text

Click this to indent text to the right.

Bold

Click this to make the selected text bold.

 

Outdent Text

Click this to indent text to the left.

Italics

Click this to make the selected text italic.

 

Superscript Text

Click this to make the selected text superscript.

Underline

Click this to make the selected text underlined.

 

Subscript Text

Click this to make the selected text subscript.

Align Right

Click this to align the text to the left.

 

Strikethrough Text

Click this to draw a line through the current text.

Align Center

Click this to align the text to the center.

 

Upper Case

Click this to change the selected text from lowercase to uppercase.

Align Right

Click this to align the text to the right.

 

Lower Case

Click this to change the selected text from uppercase to lowercase.

Justify

Click this to justify the text.

 

Insert Print Page Break

Click this to indicate a page break should occur in the current spot when the page is printed.

Justify None

Click this to justify none of the text.

 

Insert Today's Date

Click this to insert today's date.

Remove Formatting

Click this to delete all formatting in the current paragraph.

 

Insert Current Time

Click this to insert the current time.

Font Color

Click this to change the color of the font. Click the A to use color displayed beneath the A. Click the down arrow to open the color palette and select a new font color. This color becomes the default font color until you choose a new one from the palette.

 

Insert Special Character

Click this to insert special characters using the default font, Webdings, Wingdings, symbols, or Unicode characters.

Highlight

Click this to highlight text or graphics. Click the ab to use the color currently displayed as the highlight color. Click the down arrow to open the color palette and select a new highlight color. This color becomes the default highlight color until you choose a new one from the palette.

 

Insert Emoticons

Click this to insert emoticons.

Resource Manager

Click this to open the Resource Manager and upload an item for this area. The Resource Manager stores all uploaded multimedia and files used in the LearnCenter. All multimedia and file resources must be uploaded to the Resource Manager before they can be used in LearnCenter. Once uploaded, resources can be used in an unlimited number of pages and courses

 

Insert YouTube (TM) Video

Click this to embed a YouTube video.™

Insert or Upload Images

Click this to insert or upload an image. Acceptable file types include GIF, JPG, JPEG, PNG, and HTML.

 

Universal Keyboard

Click this to open and use the Universal keyboard. This keyboard enables you to type special characters from multiple languages.

Insert or Upload Audio

Click this to insert or upload audio files to the page. Acceptable file types include MP3, RA, and WMA.

 

Box Formatting

Click this to format the selected area or text as being enclosed in a box. The window that opens enables you to adjust the size, color, and style of the box.

Insert or Upload Video

Click this to insert or upload video files to the page. Acceptable file types include PNG, ASF, RM, and MP4.

 

Insert Layers

Click this to insert a layer.

Insert Flash File

Click this to insert or upload Adobe Flash files (.SWF and .FLV files).

 

Insert Group Box

Click this to insert a group box. Once inserted, double-click the group box title to edit it. Click inside the box to add text or other items to it. You can re-size the box by clicking the border once to display the handles, then click and drag the handles until the box is the shape and size you want.

Insert Microsoft PowerPoint Presentation

Click this to insert or upload Microsoft PowerPoint presentations (.PPT, .PPS, .PPTX and .PPSX files).

 

Insert Horizontal Line

Click this to insert a horizontal line. Once inserted, double-click the line to set specific properties for it.

Insert Microsoft Word Documents

Click this to insert or upload Microsoft Word documents (.DOC or .DOCX).

 

Insert Hyprerlink

Click this to insert or edit a hyperlink to the selected text or area of the page.

Insert Microsoft Excel Documents

Click this to insert or upload Microsoft Excel documents (.XLS and .XLSX files).

 

Break Hyperlink

Click this to delete a hyperlink.

Insert Adobe Acrobat PDF Documents

Click this to insert or upload Adobe Acrobat documents (.PDF files).

 

Insert Anchor

Click this to insert an anchor.

Insert Dynamic Objects

Click this to add dynamic objects to the page. Dynamic objects enable you to present users with content customized just for them, or with links to other areas of the LearnCenter.

 

Add Image Map

Click this to insert an image map. An image map enables you to make certain areas of a graphic context sensitive, whereby a user can click these areas to display additional information or pages.

Insert ILT Calendar

Click this to insert an ILT calendar on the page and determine how it should display to users (which months, sizing and search criteria). The ILT Calendar shows all ILT sessions available for the months you choose to display.

 

Position Absolutely

Click this to position an element absolutely on a page. Doing so ensures the element appears at the exact pixel you specify.

Insert Web Page

Click this to insert a web page onto the LearnCenter page. A pop-up window opens in which you can specify the URL, sizing, and Application Programming Interface (API).

 

Bring Forward

Click this to move the selected item in front of other items or layers.

Insert Form Start

Click this to begin a form field. When you create forms using Form Flow , you always need to use the Form Start, Form Field, and Form End buttons. Forms will not be created until you click Submit, which posts the data within the form.

Note: This button only displays if Form Flow is activated for your LearnCenter. Form Flow is an add-on feature.

 

Send Back

Click this to move the selected item in back of other items or layers.

Insert Form Field

Click this to add a form field to the page.

Note: This button only displays if Form Flow is activated for your LearnCenter. Form Flow is an add-on feature.

 

View Visible Borders

Click this to toggle between displaying or hiding visible borders for items on the page.

Insert Form End

Click this to end a form field. In order for the form to submit properly, you must add Form End to the end of your form.

Note: This button only displays if Form Flow is activated for your LearnCenter. Form Flow is an add-on feature.

 

Select All

Click this to select all items on the page.

Return without Saving

Click this to cancel the changes you just made on the page and return without saving.

 

Select None

Click this to deselect any selected items on the page.

 

Revert

Click this to revert to previously saved versions of the page.

 

CSS Class

Use this drop-down list to edit the CSS Class for the selected text.

Insert Table

Click this to insert or edit a table. A Table Wizard window opens enabling you to select the number of rows and columns for the table. Click in the wizard to accept your selection. To edit an existing table, click the outside border of the table to select it (handles should be visible when the table is selected), then click this button to open the Table Wizard window and edit the table.

Note: You can also double-click the table to open the Properties wizard for more options.

 

Inline Style

Use this drop-down to edit the CSS style for the selected text.

Insert Row Below

Click this to insert a row below the selected row in the table.

 

Styles

Use this drop-down to apply a different paragraph style to the current paragraph.

Insert Row Above

Click this to insert a row above the selected row in the table.

 

Fonts

Use this drop-down to select the font for selected text.

Delete Row

Click this to delete the selected rows.

 

Size

Use this drop-down to select the font size for selected text.

Insert Column to the Right

Click this to insert a column to the right of the selected column.

 

Zoom

Use this drop-down list to zoom in or out on the page.

Insert Column to the Left

Click this to insert a column to the left of the selected column.

 

WYSIWYG Views

Use these buttons at the bottom of the editor to change the current editing view. Normal indicates the WYSIWYG view. HTML enables you to view the HTML code for the page. Preview enables you to see what the page will look like to users.

Related Topics IconRelated Topics

 

Copyright © 2010-2018, Oracle and/or its affiliates. All rights reserved.