By Lee Sykes
August 2010
In this tutorial we demonstrate how to use the new Telerik RADEditor that now comes as default with DotNetNuke 5.4 onwards.
The Telerik RADEditor is a Text / HTML editor which is used in modules such as the Text / HTML module. This editor now replaces the FCK Editor which has been used in previous versions of DotNetNuke, but if you wish to continue using the FCKEditor, it is still available to use.
In this tutorial we demonstrate using each of the various functions within the Telerik RADEditor, covering elements such as inserting images, flash, media through to using templates, working with URLs and working with tables.
The videos contain:
Video 1 - Introduction, Break Tags vs. Paragraph Tags, Spell Checking, Cut and Paste
- Introduction
- How to add content as plain text
- Understanding break tags and paragraph tags in the RAD editor default installation
- How to resize the edit window of the editor
- Printing directly from the editor
- How to use the spell check function
- How to search for specific words using find and replace
- How to replace words using the find and replace function
- How to cut, copy and paste in the Telerik RAD editor
- The importance of the paste as plain text function
- Demonstration of the different paste functions available
- How to use the undo and redo buttons
Time Length: 10min 14secs
Video 2 - Inserting and Editing Images and Media, Working with Documents
- Overview of the insert media toolbar
- Image Manager
- How to insert an image into the Telerik RAD editor
- Overview of the 3 main image manager panes
- How to use the image manager toolbar
- How to add a new folder
- How to upload an image into the image manager
- Overview of the image editor icons
- How to resize an image
- Flipping and rotating an image
- How to crop an image in the Telerik RAD image editor
- Saving an edited image within the image editor
- Setting image properties before inserting an image into the editor
- How to change image properties after inserting an image
- How to upload and link to a document in the Telerik RAD editor
Time Length: 13min 07secs
Video 3 - Inserting Flash and MP3 Files, Using the Template Manager
- How to upload and insert a flash file into the Telerik RAD editor
- Setting the properties of a flash file before inserting
- How to configure DotNetNuke to allow MP3 uploads
- Uploading an MP3 using the Telerik RAD editor media manager
- Setting the properties of an MP3 file within the media manager
- How to save a page as a template using the Telerik RAD editor template manager
- How to configure DotNetNuke to allow the template manager to save a template
- Applying a template using the Telerik RAD editor template manager
Time Length: 12min 20sec
Video 4 - Working with Hyperlinks
- How to remove all content within the editor
- How to create a standard url link in the hyperlink manager
- How to link to an existing page within the DotNetNuke installation
- How to link to a document using the hyperlink manager
- Creating an anchor within the Telerik RAD editor
- How to create an anchor link
- Creating an email link
- How to remove a link
Time Length: 8min 55secs
Video 5 - Formatting Text and Working with Lists
- Demonstration of the superscript and subscript format buttons
- How to insert a paragraph tag
- Using the groupbox function
- How to insert the date and time into your page
- Formatting text to display as code and setting properties
- The importance of using CSS classes rather than formatting directly within the editor
- Using header tags within the Telerik RAD editor
- How to change the font type and font size
- Using the bold, italic, underline and strikethrough buttons
- How to align text and remove assigned alignment
- Demonstration of the indent and outdent buttons
- Creating a numbered list and a bullet list
- How to show/hide the editor border
- How to check if your content is XHTML compliant
Time Length: 8min 41secs
Video 6 - Creating Tables and Image Maps, Stripping Formatting
- How to change the text foreground and background colour
- Using the apply CSS class feature
- How to strip formatting from a selection of text
- Inserting symbols
- How to insert a table and select the number of columns and rows
- Adding columns and rows to a table
- Using the table context menu and accessing the table wizard
- How to style a table in the Telerik RAD editor
- Overview of the table wizard
- How to create an image map to create links inside an image
- Converting text to lower/uppercase
- How to use the module manager and remove the editor statistics
- Entering and exiting full screen mode
- Using the track changes feature
Time Length: 13min 14secs
Total Time Length: 66min 31secs
Comments