Best Practices for Using the Rich Text Editor

Similar documents
Best Practices for Using the Rich Text Editor

Layout Manager - Toolbar Reference Guide

EDITOR GUIDE. Button Functions:...2 Inserting Text...4 Inserting Pictures...4 Inserting Tables...8 Inserting Styles...9

Save Forum Messages will be sent and Pages will be completed by pressing this Save button.

APPENDIX THE TOOLBAR. File Functions

Nauticom NetEditor: A How-to Guide

Zeppelin Website Content Manager User Manual

TinyMCE Users Guide. This user manual will show you all the basics of the TinyMCE editor.

Rich Text Editor Quick Reference

Beginners Guide to Snippet Master PRO

OU EDUCATE TRAINING MANUAL

Using the Text Editor Tutorial

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

WYSIWYG Editor: Users Manual

The content editor has two view modes: simple mode and advanced mode. Change the view in the upper-right corner of the content editor.

Word Getting Started The Word Window u vw. Microsoft QUICK Source. Creating a New Blank Document. Creating a New Document from a Template

Country Communication Pages

PRESENCE. RadEditor Guide. SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA

NETZONE CMS User Guide Copyright Tomahawk

Create a new document based on default template, other available template like: memo, fax, agenda.

User Guide. Chapter 6. Teacher Pages

Lava New Media s CMS. Documentation Page 1

The PlainHTML Content Editor

page 1 OU Campus User Guide

Springboard Advanced Training for Faculty

Resetting Your Password

The Telerik Rad Editor might not be available if you are using a browser other than Internet Explorer or Firefox.

Managing Your Schoolwires Web Site

FCKEditor v1.0 Basic Formatting Create Links Insert Tables

User s guide to using the ForeTees TinyMCE online editor. Getting started with TinyMCE and basic things you need to know!

CKEditor. CKEditor Examples. CKEditor 2018

The SBCC Web Publishing Process The process of creating new web pages or editing existing pages within the OmniUpdate system is straightforward.

A Guide to Quark Author Web Edition 2015

To create, upload, share, or view shared files through Google Apps, go to Documents in the black bar above.

San Pedro Junior College. WORD PROCESSING (Microsoft Word 2016) Week 4-7

DotNetNuke 5.1 Superuser Manual

Dreamweaver Basics Outline

TEACHER PAGES USER MANUAL CHAPTER 6 SHARPSCHOOL. For more information, please visit: Chapter 6 Teacher Pages

ProSystem fx Site Builder. enewsletters

Creating Web Pages with SeaMonkey Composer

Introduction to the MODx Manager

News Ticker. User Guide

Word - Basics. Course Description. Getting Started. Objectives. Editing a Document. Proofing a Document. Formatting Characters. Formatting Paragraphs

Microsoft Word 2007 on Windows

MS Word Basics. Groups within Tabs

CMS Training. Web Address for Training Common Tasks in the CMS Guide

The HTML Editor in icollege

Creating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP. 1. How does it all work? 2. What do I need to get started at Fairfield?

Microsoft Office Suite

JIRA Editor Documentation Pasting from Word, Excel or Outlook

QRG: Using the WYSIWYG Editor

Introduction to MS Word XP 2002: An Overview

Quick Reference Card Business Objects Toolbar Design Mode

How to set up a local root folder and site structure

LessonVUE User Guide. Release May 2017

BHM Website Teacher User Guide

Introduction to FrontPage 2002

Section Editor Quick Start. Schoolwires Academic Portal Version 4.0

Microsoft Office. Microsoft Office

Word Select New in the left pane. 3. Select Blank document in the Available Templates pane. 4. Click the Create button.

Brightspace Advanced Training for Faculty

Using the WYSIWYG HTML editor

Microsoft Word (97, 98, 2000) Word Processing Instructions

Quick Access Toolbar. You click on it to see these options: New, Open, Save, Save As, Print, Prepare, Send, Publish and Close.

Microsoft Word 2010 Basics

In so many ways summary

Microsoft Word Important Notice

FirmSite Control. Tutorial

Formatting the Question Text and Adding Images, Media Objects, Tables etc.

Introduction to Microsoft Word 2010

Fall 2016 Exam Review 3 Module Test

Paint Box Tools. Professional Tools

The Text Editor appears in many locations throughout Blackboard Learn and is used to format text. For example, you can use it to:

Web Manager 2.0 User s Manual Table of Contents

Computer Nashua Public Library Introduction to Microsoft Word 2010

Microsoft Word Training

Requirements Document

EPiServer Content Editor s Guide

The American University in Cairo. Academic Computing Services. Word prepared by. Soumaia Ahmed Al Ayyat

Microsoft Word 2010 Tutorial

A Guide to Blogging on Wordpress

Enhancing your Page. Text Effects. Paragraph Effects. Headings

PowerPoint 2010 Level 1 Computer Training Solutions Student Guide Version Revision Date Course Length

User Guide. Web Intelligence Rich Client. Business Objects 4.1

Excel 2003 Tutorial II

Introduction to Microsoft Word 2010

Contents. Launching Word

The major change in Word is the ribbon toolbar. The File menu has been replaced with a button.

PBwiki Basics Website:

Netscape Composer Tutorial

Table of Contents. Look for more information at

The Online elearning Course Creation Tool

WEEK NO. 12 MICROSOFT EXCEL 2007

MS WORD. You can use it for writing letters, reports and so on.

How to Request a Site

Instructor User Guide Table Of Contents

University of Pittsburgh Communications Services. Basic Training Manual Drupal 7

LESSON ONE AND TWO TOPIC: HOW TO USE MICROSOFT WORD. : Putu Putra Astawa, S.Kom.,M.Kom

SnapCMS Website Administration

Page Layout Using Tables

Transcription:

Best Practices for Using the Rich Text Editor Overview Many pages in ilearn contain large text entry boxes along with many icons and pull down lists (located above the actual text entry area). These icons and pull down lists make up what is known as a Rich Text Editor. Most of the tools in ilearn use the Rich Text Editor to enter text and other multimedia information. The Rich Text Editor contains numerous buttons for you to use. However, you will find only the most commonly used buttons outlined in this document. Should you need information regarding the buttons not specifically outlined, a full detailed list of the buttons and their functions follow this document. Feature 1: Mathematical Markup Language (MathML) MathML is an application of XML for describing mathematical notations and capturing both its structure and content. It aims at integrating mathematical formulae into content. Click on icon in the Rich Text Editor tool to use the feature. To know more on how to use the tool, please visit www.fmath.info Math data that is added is automatically saved in Resources in.png format, in the folder named 'fmath'

Feature 2: Insert Links to Assignments, Forums, Resources, and Tests & Quizzes Now you can insert links to assignments, forums, files, and quizzes in tools using the Rich Text Editor such as Announcements, Messages, and Lessons. When inserting links in the Rich Text Editor, click Browse Server Server browser window opens Select the item you want to link to by clicking on it Click OK to insert the link IMPORTANT: The UPLOAD button is not there anymore. You need to upload files to the Resources, publish assignments, forums, topics, and quizzes before you can see them in the server browser window. Click to select it

Commonly Used Icons Paste from Word Reminder: This button is to be used for pasting from Word documents because it preserves your formatting. DO NOT paste directly into the text box because this will lead to unwanted code and symbols. 1. Copy Content/text from Word document 2. Click on Paste from Word button 3. Paste copied text into pop up box using CTRL+V Paste text from MS Word here using CTRL+V REMINDER: The Paste from Word button is useful when students are writing long messages in Word offline and would like to insert them into Forums, Messages, or many other tools that use the Rich Text Editor.

Insert or Change Link This button is used to add a web address to a word or phrase in the Text Editor. It is important to check your web address to make sure it is still active and pointing to the correct website. 1. Type or paste your text into the text editor 2. Highlight the word/phrase you want to link and select the Insert Link button 3. Insert or Change Link Icon 4. Finally, type or paste your web address into the bar that says URL Type/Paste your web address into this bar. 5. Once you are done hit OK. The link will not be active until the message has been posted, so you will not be able to test it while editing the message. REMINDER: The Insert Link button is useful when you want to point the reader to a different web source. Remember to check your web address to make sure that it is pointing to the correct website.

Show/Hide the Rich Text Editor Many pages in ilearn contain large text entry boxes along with many icons and pull down lists (located above the actual text entry area). These icons and pull down lists make up what is known as a Rich Text Editor (Rich Text Editor). Most of the tools in ilearn use the Rich Text Editor that is displayed on your screen as shown here: In some tools, you have the option of showing or hiding the Rich Text Editor. If this option is available, a Show/Hide Rich Text Editor button is displayed at the corner of the box. To show or hide the icons and pull down lists, click this button. Typical display of RICH TEXT EDITOR icons and pull down lists Show/Hide Rich Text Editor button The tables below list the activities you can perform and indicate the icon or pull down list to use for each. The three tables cover: Text formatting activities Activities for adding and removing text, non text items, and special characters Miscellaneous activities Note that some of the buttons (and their functions) in the editor are not available in all tools in ilearn. If you see a button, you can use it. Spell Check: Press Ctrl (Command on Mac) + Right click on misspelled words to bring up the browser spell checker.

Text Formatting Activities Detailed List of Rich Text Editor Buttons and Their Functions To do this: Use this icon or field: Notes Select all Remove formatting Undo the last operation Redo the last operation Use a template to create this material Apply bold formatting Apply italic formatting Underline text Apply strikethrough formatting Selects everything in the white box. Removes formatting from the selected text. Undoes typing, color changes, and alignment; does not undo such functions as replace, apply style, and insert image; cannot be used repetitively. Cannot be used repetitively. The editor displays a window from which you select the template you want to use. Three pre defined templates are available to choose from. Text will look like this. Text will look like this. Text will look like this. Text will look like this. Make text subscript Text will look like this: x 2 Make text superscript Text will look like this: x 2 Insert numbered list 1. Text will 2. Look like 3. This. Insert bulleted list Text will Look like This. Move margin left Move margin right Align text at left margin Align text at right margin Center text Align text at both left and right margins Change text color Change background color Apply one of five formatting styles Apply one of six formats to text Change the font Change the type size Moves text to the left margin. Moves text to the right margin. Aligns the text from left margin. Aligns the text at right margin. Aligns the text in the center. Aligns the text at both left and right margins. If you choose red, text will look like this. If you choose green, text will look like this. Selects Block styles and Inline styles for the text. Selects the Paragraph Format to the text. Change the Fonts. Change the Font sizes.

Adding and Removing text, Non text Items, and Special Characters To do this: Use this icon or field: Notes Cut selected text Removes the selected text and places it on the clipboard. Copy selected text Paste selected text Paste selected text as plain text Paste selected text from Word. Insert or change a link Remove selected link Insert an anchor Insert or edit an image Use a Block Quote Use Creative Div Container Insert a Add MathML Formula Copies the selected text. Pastes the selected text. Opens a window in which you paste text from a text file and click OK to insert the text into the editor. Opens a window in which you paste text from a Word document, indicate whether to remove style definitions and/or remove fonts, and click OK to insert the text into the editor; inserts text and tables only; does not insert images from the Word source. The editor allows you to link to a URL or FTP site, an anchor in the text, or an email address. Display text for the link will look like this: click here. Removes the selected link from the editor. When entering a large amount of information, you can use an anchor to link to a location in another part of the current page. Insert or edit an image. You may also choose aligning the image to the left or right of the text. Format the text or non text material as a block quote. Formatting for HTML. Describing mathematical notations and capturing both its structure and content. It aims at integrating mathematical formulae into content. NEW FEATURE Insert or edit a table Insert a horizontal line Insert a smiley face Insert a special character Edit HTML codes Opens a window and select the number of rows and columns to insert a table, select the width, height, headers, border size, cell spacing, cell padding, alignment, caption and summary for the table to insert into the editor. Inserts a horizontal line into the editor. Inserts a smiley symbol into the editor. Inserts special characters into the editor. See and edit the HTML codes of the text and non text information on the page

Miscellaneous activities To do this: Use this icon or field: Notes See the Word Count of the text Look at the lower right corner of the Rich Text Editor box. Extend the box vertically Drag the very lower right corner of the Rich Text Editor box to extend the box vertically. Maximize the box Show blocks Click it to maximize the Rich Text Editor box to the entire page. Click again to come back to the original size. Show blocks of the HTML codes