FCK Editor Toolbar Functions

FCK Editor Toolbar
By Lee Sykes
September 2008

In this tutorial we outline the functions in the FCK Editor Toolbar.

In previous tutorials we have demonstrated the best practices for using the FCK Editor along with techniques for styling the content and creating those styles within your skin.css file.

In this tutorial we demonstrate how each of the FCK Editor Toolbar functions work. This ranges from basic text editing, such as copy and paste techniques, through to creating various types of links such as anchor links. We demonstrate all options in the toolbar including the advanced functions for each button. This tutorial also comes with a PDF document which outlines all of the keyboard shortcuts used within the FCK editor.

The FCK Editor Toolbar:

FCK Editor Toolbar

Tutorial References

Styling and formatting in the Text/HTML module using the skin.css file and the FCK Editor

Styling and formatting (part 2) - Text/HTML module and FCK Editor

Bad Practices when working with the Text / HTML module

The videos contain:

Video 1 - Introduction, FCK Editor Basics, Toolbar buttons

  • Introduction
  • The FCK Editor layout
  • Editor basics
  • Context Menus
  • Minimise and Maximise Toolbar
  • Source button
  • Preview button
  • Content Template button
Time length: 7min 50secs

Video 2 - Copy and Paste Functions, Removing Formatting

  • Cut, Copy, Paste, Paste as Plain Text, Paste from Word buttons
  • Print button
  • Undo, Redo
  • Find and Replace
  • Select All
  • Remove Format
Time length: 7min 51secs

Video 3 - Text Formatting, Lists, Indents Text Alignment, Links

  • Bold, Italic, Underline, Strikethrough, Subscript, Superscript buttons
  • Numbered list, Bulleted lists
  • Decrease Indent, Increase Indent
  • Left Justify, Center Justify, Right Justify, Block Justify
  • Insert / Edit Link
Time length: 6min 59secs

Video 4 - Working with Links

  • Insert / Edit Link
  • Protocol
  • Target
  • Popup windows
  • Browse Server, how to link to pages and files in your DotNetNuke portal
  • How to create anchor links
Time length: 7min 42secs

Video 5 - Working with Links and Images

  • Email links
  • Links Advanced Tab – access keys
  • Remove link
  • Insert Image
Time length: 6min 59secs

Video 6 - Working with Images, Flash and Tables

  • Image Properties, Link and Advanced tabs
  • Insert / Edit Flash
  • Flash Properties, Advanced tab
  • Insert / Edit Table
  • Table Properties
  • Table Context Menu
  • Insert Cell, Delete Cell, Merge Cells, Split Cell, Cell Properties
Time length: 10min 22secs

Video 7 - Working with Tables, Insert, Formatting Text

  • Table rows, Insert, Delete Rows
  • Insert Column, Delete Column
  • Delete Table
  • Insert Horizontal Line
  • Insert Smiley
  • Insert Special Character
  • Insert Page Break
  • Style drop down list
  • Format – Header tags h1-h6
  • Font and Size
  • Text color, background text color
  • Maximise the editor window
Time length: 6min 31secs

Total Time Length: 54min 14secs

You need to Subscribe as a member of DNN Creative Magazine and Login to download this video tutorial.

DotNetNuke Modules
RSS Feeds