Curious about how Brock University's Sakai-Based LMS was named Isaak?. Find out more here

Rich Text Editor

From Information about Isaak, Brock University's Sakai-Based LMS

(Redirected from Text Editor)
Jump to: navigation, search
Sakai's text editor
Sakai's text editor
Sakai uses a single consistent editor across all areas where text can be input, by students or instructors, that is more than a few lines. This editor is based on the most recent stable version of CKEditor available when our Sakai system was last updated. Previous versions of Isaak/Sakai used the now unmaintained FCKEditor.

The CKEditor is present when entering text in many places across Isaak/Sakai, however it is disabled when accessing Isaak/Sakai on iOS-based devices (iPad, iPhone, iPod Touch), older Android-based devices and BlackBerry devices.

Contents

[edit] Cut, Copy and Paste

Because the cut, copy and paste functions need access to the clipboard of your operating system, some Internet browsers either block it when called from CKEditor toolbar, or ask you to explicitly agree to that. Should accessing the clipboard by clicking the respective cut, copy and paste buttons from CKEditor toolbar or context menu options be blocked, you can always perform these operations with keyboard shortcuts.[1]

Please note that the paste options launch new windows that may be blocked by your web browser. Please be attentive to this, and if you need help Allowing Pop Ups please consult this article.

[edit] Cut

To cut a text fragment, start with selecting it. When the text is selected, you can cut it using one of the following methods:

  • Press the Cut button on the toolbar.
  • Open the CKEditor context menu for the selected fragment by pressing the right mouse button, the Menu/Application key, or the Shift+F10 keyboard shortcut, and choose the Cut command.
  • Use the Ctrl+X shortcut on your keyboard. Note this method works even when the browser blocks CKEditor toolbar's access to the clipboard, so this is the most reliable way of cutting the text.

[1]

[edit] Copy

To copy a text fragment, start with selecting it. When the text is selected, you can copy it using one of the following methods:

  • Press the Copy button on the toolbar.
  • Open the CKEditor context menu for the selected fragment by pressing the right mouse button, the Menu/Application key, or the Shift+F10 keyboard shortcut, and choose the Copy command.
  • Use the Ctrl+C shortcut on your keyboard. Note this method works even when the browser blocks CKEditor toolbar's access to the clipboard, so this is the most reliable way of copying the text.

[1]

[edit] Paste

To paste a text fragment, start with cutting it or copying from another source. Depending on the security settings of your browser, you may either paste directly from the clipboard or use CKEditor Paste dialog window.

Paste dialog window of CKEditor
Paste dialog window of CKEditor

When the text is in the clipboard, you can paste it using one of the following methods:

  • Press the Paste button on the toolbar.
  • Open the CKEditor context menu for the selected fragment by pressing the right mouse button, the Menu/Application key, or the Shift+F10 keyboard shortcut, and choose the Paste command.
  • Use the Ctrl+V shortcut on your keyboard. Note this method works even when the browser blocks CKEditor toolbar's access to the clipboard, so this is the most reliable way of pasting the text.

If direct access to clipboard is blocked, you will be asked to paste the text into the Paste dialog window using the Ctrl+V keyboard shortcut.


[1]

[edit] Paste from Word

Text Editor allows you to preserve basic formatting when you paste a text fragment from Microsoft Word. To achieve this, copy the text in a Word document and paste it using one of the following methods:

  • Press the Paste from Word button on the toolbar.
  • Use the Ctrl+V shortcut on your keyboard. Note this method works even when the browser blocks the Text Editor toolbar's access to the clipboard, so this is the most reliable way of pasting the text.


Select and copy the content in MS Word, press the "Paste from Word" button and place the cursor in the subsequent "Paste from Word" text box and paste the contents. [1]

[edit] Paste as Plain Text

If you want to paste an already formatted text, but without preserving the formatting, you can paste it as plain text. To achieve this, copy the formatted text and press the Paste as plain text button on the toolbar. If the browser blocks CKEditor toolbar's access to clipboard, a Paste as Plain Text dialog window will appear and you will be asked to paste the fragment into the text box using the Ctrl+V keyboard shortcut.

Paste as Plain Text dialog window of CKEditor
Paste as Plain Text dialog window of CKEditor


Once pasted into the document, the text will lose all its formatting and you will be able to style it using CKEditor options. [1]


[edit] Add a Link

To add a link first highlight the existing text that should become a link, press the "Insert/Edit link" icon (the globe & chain) enter the linked URL or "Browse Server" for a file and finally press "OK".
To add a link first highlight the existing text that should become a link, press the "Insert/Edit link" icon (the globe & chain) enter the linked URL or "Browse Server" for a file and finally press "OK".

The Link feature lets you add clickable hyperlinks or e-mail addresses to documents as well as control the way they look and work.

To insert a link to you document, press the Link button on the toolbar or use the Ctrl+L keyboard shortcut. If you want the link to be assigned to a text fragment, select it first. If no text is selected, the link URL or e-mail address will appear in the document as-is.[2]

[edit] View Source

If at any time you would like to check the HTML source code of your document, use the Source toolbar button. The text that will appear in the editing area contains all the relevant HTML tags and attributes. The source view is often where "embed" code from sites like YouTube needs to be added.

Since the source code view is not read-only, you can also edit your document while in this mode.

In order to return to the default, WYSIWYG view, press the Source button again.

Do remember though that HTML editing is an advanced feature and its use should be limited to users with knowledge of the HTML markup language. CKEditor lets you format your document or insert media like images or links without worrying about the source code and tags. [3]

[edit] Upload an image

Please not that you cannot upload an image if you have not been given access to upload to an area of an Isaak/Sakai course, such as Resources or Drop Box (when the file is public) by an instructor.

  1. Press the image button Image:CKEditor Image button.png (the one with a house infront on a landscape with the sun on the horizon).
  2. You can then enter the URL of an image on the Internet, or select the "Browse Server" button.
    • Browse Server option
    1. Once presented with the server browsing window options you can select image you have already uploaded or upload a file at that point by selecting "Browse" at the bottom of that window and upload a file from your computer.
      It's generally better to have the image pre-sized/scaled for display in Sakai.
    2. Select the image you uploaded.
  3. When done, Press "OK" in the remaining windows.
Open the Server Browser
Open the Server Browser
Browse a Server for an Image
Browse a Server for an Image


[edit] Accessibility Checker

Accessibility Checker
Accessibility Checker

Isaak-Sakai provides for an automated Accessibility Checker in the rich text editor. Just press the human icon in the far right of the middle row of the tool bar.

When the Accessibility Checker finds some issues, it will display a panel containing the tools needed for understanding and solving the problem.

Accessibility problems are presented as one issue at a time, allowing you to iterate over the entire list. Issues can also be fixed manually, quickly fixed with a suggestion, or ignored. Issues are identified based on WCAG 2 Standard and checklist which corresponds with the requirements for the Accessibility for Ontarians with Disabilities Act (AODA).

You can learn more about this tool and how it was added to Isaak, Brock University's Sakai-Based LMS in the following video.

Accessibility Checker example
Accessibility Checker example

[edit] Keyboard Shortcuts

  • CTRL+A highlights the whole editing area
  • CTRL+B changes your font to bold.
  • CTRL+C copies the highlighted area to the clipboard.
  • CTRL+I changes your font to italic.
  • CTRL+L opens the Link window.
  • CTRL+U changes your font to underlined.
  • CTRL+V or SHIFT+INSERT pastes the data from the clipboard
  • CTRL+X or SHIFT+DELETE cuts the highlighted area.
  • CTRL+Y or CTRL+SHIFT+Z starts the redo function.
  • ENTER (return) – ends a paragraph and starts a new one.
  • SHIFT+ENTER – adds a line break.
  • BACKSPACE, DEL, DELETE - deletes a character.
  • CTRL + BACKSPACE, CTRL+ DEL, CTRL + DELETE - deletes a word.
  • CTRL+Z starts the undo function.

More information can be found at the CKSource help document on Keyboard Shortcuts. [4]

[edit] Inserting Special Characters

When you are writing, it is often necessary to insert characters that are not a part of the standard keyboard. This is especially useful during the creation of documents in foreign languages that require various national letters. Another area where special characters are often needed is writing mathematical expressions.

To insert a special character into your document, press the Insert Special Character button on the toolbar. The Select Special Character dialog window that will open allows you to choose a symbol from a set containing Latin letters, numbers (including fractions), currency symbols, punctuation, arrows, and mathematical operators.[5]

Select Special Character dialog window in CKEditor
Select Special Character dialog window in CKEditor


Find a character that you need in the set and select it with your mouse or the Tab key. The dialog window will close automatically and the special character will appear in CKEditor editing area on the position of the cursor in the document.

Special characters used in CKEditor
Special characters used in CKEditor

[edit] Enhancements in current CKEditor version of Isaak/Sakai Text Editor

Improvements to notice with the CKEditor over the FCKEditor include:

  • Works with modern Android operating systems.
  • Compatible with many web-browser supplied spellchecking services.
  • Ability to embed content from sites using more modern, iPad etc. compatible content embedding options, such as the current YouTube embed option.
  • Better ability to receive copied text pasted from sources the send superfluous information, like MS Word.
  • Special character/latin character insert options.
  • Better support for individuals using accessibility tools to interact with the web.
  • Supports right to left text.
  • Options to print only the editor's content.
  • Many more new options.

[edit] Notes and References

  1. 1.0 1.1 1.2 1.3 1.4 1.5 Cut, Copy and Paste (2012), http://docs.cksource.com/CKEditor_3.x/Users_Guide/Document/Cut,_Copy_and_Paste
  2. View source (2012), http://docs.cksource.com/CKEditor_3.x/Users_Guide/Document/Source
  3. Keyboard Shortcuts (2012), http://docs.cksource.com/CKEditor_3.x/Users_Guide/Keyboard_Shortcuts
  4. Inserting Special Characters and Smileys (2012), http://docs.cksource.com/CKEditor_3.x/Users_Guide/Rich_Text/Special_Characters_and_Smileys


CKSource

This article is based on copyrighted content by CKSource under their Terms of Use for non-commercial purposes.

Materials are used solely with permission of CKSource. We thank CKSource for their contributions to the open community.

This content was sourced from the following URL(s): http://docs.cksource.com/CKEditor_3.x/Users_Guide/Document/Cut,_Copy_and_Paste , http://docs.cksource.com/CKEditor_3.x/Users_Guide/Rich_Text/Links, http://docs.cksource.com/CKEditor_3.x/Users_Guide/Keyboard_Shortcuts, http://docs.cksource.com/CKEditor_3.x/Users_Guide/Rich_Text/Special_Characters_and_Smileys, http://docs.cksource.com/CKEditor_3.x/Users_Guide/Document/Source.

Personal tools
  • Log in / create account
Bookmark and Share