Lists"

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

Line 1: Line 1:
−
Creating a list is a very easy and intuitive issue. CKEditor offers two kinds of lists.
+
CKEditor provides easy and intuitive feature of creating list.  
 +
 
 +
CKEditor offers two kind of lists: numbered lists and bulletted lists.
  
 
== Numbered Lists ==
 
== Numbered Lists ==
Line 5: Line 7:
 
=== Creating ===
 
=== Creating ===
  
−
To create and numbered list press [[Image:CKEditor_insertorderlist.png‎]]on the toolbar. The text which was beside the cursor will automatically gain number one on the list.
+
In order to create and numbered list user ought to press [[Image:CKEditor_insertorderlist.png‎]]on the toolbar. The text which was beside the cursor will automatically gain number one on the list.
  
 
Example:
 
Example:
Line 11: Line 13:
 
[[Image:CKEditor_numberedlist_example.png]]
 
[[Image:CKEditor_numberedlist_example.png]]
  
−
If you wish to set another number below press '''ENTER''' and the next number will appear
+
In order to set next numbered line, user should press '''ENTER'''. After that another numbered line will appear.
−
 
+
 
Example:
 
Example:
  
 
[[Image:CKEditor_numberedlist_example2.png]]
 
[[Image:CKEditor_numberedlist_example2.png]]
  
−
You may also highlight the lines you want to be numbered and then press [[Image:CKEditor_insertorderlist.png‎]].
+
Another way to set a numbered list is to highlight the lines which should be listed and press [[Image:CKEditor_insertorderlist.png‎]].
  
−
If you wish to stop Numbered Listing just press the [[Image:CKEditor_insertorderlist.png‎]] button again. The function will deactivate.
+
User can easily stop a numbered list by pressing [[Image:CKEditor_insertorderlist.png‎]] button again. The function will be deactivated.
  
 
=== Properties ===
 
=== Properties ===
  
−
If you want to change the list properties press your mouse button any place inside your list. A context menu will appear:
+
In order to change the list's properties user should press right mouse button on any place inside the list. A context menu will appear:
  
 
[[Image:CKEditor_numbered_context.png]]
 
[[Image:CKEditor_numbered_context.png]]
  
−
Choose Numbered list Properties.A popup window called "Numbered List Properties" will appear:
+
User should select Numbered list Properties. A popup window called "Numbered List Properties" will appear:
  
 
[[Image:CKEditor_numbered_properties.png]]
 
[[Image:CKEditor_numbered_properties.png]]
  
−
* '''Start''': the number which you will put into this field will determine from which number your list will start.
+
* '''Start''': specifies which number will be fist in numbered list.
−
* '''Type''': you may choose from several options regarding what type of listing you wish to use, there are five set to select:
+
* '''Type''': specifies type of list. User may choose one of the following options:
 
** '''Lower Roman''' (i, ii, iii, iv, v, etc.)
 
** '''Lower Roman''' (i, ii, iii, iv, v, etc.)
 
** '''Upper Roman''' (I, II, III, IV, V, etc.)
 
** '''Upper Roman''' (I, II, III, IV, V, etc.)
Line 45: Line 47:
 
=== Creating ===
 
=== Creating ===
  
−
It works exactly like the Numbered List but instead of numbers you have characters like disc, square, circle. To activate/deactivate this function press[[Image:CKEditor_insertunorderedlist.png‎ ]].
+
User can create bulletted list in similar way as numbered list. The difference between them is that in numbered list we use number while in bulletted list we use characters like disc, square, circle. In order to activate bulletted list user should press[[Image:CKEditor_insertunorderedlist.png‎ ]] button on the toolbar.
  
 
Example:
 
Example:
Line 53: Line 55:
 
=== Properties ===
 
=== Properties ===
  
−
If you want to change the list properties press you right mouse button any place inside the list.A context menu will appear:
+
In order to set list's properties user should press right mouse button on any place inside the bulletted list. A context menu will appear:
  
 
[[Image:CKEditor_bulletedlist_context.png]]
 
[[Image:CKEditor_bulletedlist_context.png]]
  
−
Choose Bulleted List Properties. A popup window called "Bulleted List Properties" will appear:
+
User should select Bulleted List Properties. A popup window called "Bulleted List Properties" will appear:
  
 
[[Image:CKEditor_bulletedlist_properties.png]]
 
[[Image:CKEditor_bulletedlist_properties.png]]
  
−
* '''Type''': you may select the type of the characters you use in your list.
+
* '''Type''': specifies type of list. User may choose one of the following options: circle, disc, square.

Revision as of 11:43, 13 September 2010

CKEditor provides easy and intuitive feature of creating list.

CKEditor offers two kind of lists: numbered lists and bulletted lists.

Numbered Lists

Creating

In order to create and numbered list user ought to press File:CKEditor insertorderlist.pngon the toolbar. The text which was beside the cursor will automatically gain number one on the list.

Example:

CKEditor numberedlist example.png

In order to set next numbered line, user should press ENTER. After that another numbered line will appear.

Example:

File:CKEditor numberedlist example2.png

Another way to set a numbered list is to highlight the lines which should be listed and press File:CKEditor insertorderlist.png.

User can easily stop a numbered list by pressing File:CKEditor insertorderlist.png button again. The function will be deactivated.

Properties

In order to change the list's properties user should press right mouse button on any place inside the list. A context menu will appear:

File:CKEditor numbered context.png

User should select Numbered list Properties. A popup window called "Numbered List Properties" will appear:

File:CKEditor numbered properties.png

  • Start: specifies which number will be fist in numbered list.
  • Type: specifies type of list. User may choose one of the following options:
    • Lower Roman (i, ii, iii, iv, v, etc.)
    • Upper Roman (I, II, III, IV, V, etc.)
    • Lower Alpha (a, b, c, d, e, etc.)
    • Upper Aplha (A, B, C, D, E, etc.)
    • Decimal (1, 2, 3, 4, 5, etc.)

File:CKEditor numbered properties type.png

Bulletted Lists

Creating

User can create bulletted list in similar way as numbered list. The difference between them is that in numbered list we use number while in bulletted list we use characters like disc, square, circle. In order to activate bulletted list user should pressFile:CKEditor insertunorderedlist.png button on the toolbar.

Example:

CKEditor bulletedlist example.png

Properties

In order to set list's properties user should press right mouse button on any place inside the bulletted list. A context menu will appear:

File:CKEditor bulletedlist context.png

User should select Bulleted List Properties. A popup window called "Bulleted List Properties" will appear:

CKEditor bulletedlist properties.png

  • Type: specifies type of list. User may choose one of the following options: circle, disc, square.
Retrieved from "https://docs-old.ckeditor.com/index.php?title=CKEditor_3.x/Users_Guide/Rich_Text/Lists&oldid=4402"