CKEditor - the WYSIWYG editor for Drupal

logo-ie.png Welcome to the demo site of the CKEditor module. This site contains some information about the project, as well as space for testing and playing with it. Information on this site refers to the 6.x release of the CKEditor module (6.x-1.x).

The 6.x version of CKEditor module is compatible with Drupal 6.

CKEditor is a Rich Text Editor which can replace the default plain text fields with a nice visual HTML editor (WYSIWYG).

Some features of CKEditor:

  • ready to use plugins and buttons for <!--break-->and <!--pagebreak--> tags(1) (note: not visible on this page, because it is impossible to use teaser break in comments)
    toolbar.png
  • CKEditor Link support for easily create links to Drupal internal paths
  • CKEditor SWF support for enhance functionality of Flash embedding plugin
  • support for external file browsers, like CKFinder, IMCE, WebFM (pending, not available yet) or ImageBrowser (pending, not available yet)
  • each user may have it's own configuration (choose skin, toolbar, language, default state of CKEditor, etc.)
  • and much more!

Please note that due to security reasons, CKEditor functionality in comments in this demo site is limited. In fact, you can do with CKEditor much more than it is shown here - take a look at CKEditor demo to have an overview of all available features. If you are wondering why the toolbar is reduced and some buttons are missing, take a look at an article about configuring input formats. Remember that you don't have to use all features that CKEditor offers, you can disable any button you want and make the interface lighter.

Changes made on this site to the default Drupal + CKEditor installation:

  • Styles are applied with inline styles, so we've disabled the default Drupal HTML Filter in Filtered HTML input format and used HTML Purifier filter instead. It protects the output against cross-site scripting (XSS) attack while still allowing users to use inline styles. By default in Drupal it is possible to use inline styles only with Full HTML input format. More about filters in configuring input formats article.
  • Added new buttons: linktocontent and linktonode (experimental plugins, check README.txt for installation instructions)
  • As an example of file browser integration, in Link dialog CKFinder is used and in Image Dialog IMCE is enabled.

To see how CKEditor works, add a comment.

Please do not upload large (>50KB) and abusive images.

Comments

tezt

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer turpis turpis, aliquam a faucibus a, sodales sit amet dolor. Nullam id odio a lorem posuere malesuada. Nam mollis sem ut mi feugiat in vehicula lacus gravida. Phasellus ornare iaculis lorem fringilla mattis. Ut at urna orci, nec tincidunt nulla. Phasellus sit amet mauris et tellus aliquam auctor tempus a urna. Integer tempus metus facilisis turpis posuere ac placerat arcu porta. Duis ac ornare sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In aliquam commodo lacus at fringilla.

Cras fringilla consectetur erat id convallis. Fusce venenatis interdum velit a bibendum. Nunc euismod consequat tristique. Suspendisse porttitor condimentum ligula, non volutpat magna facilisis vitae. Pellentesque in arcu et urna congue placerat quis non arcu. Quisque consectetur fermentum odio, mattis condimentum sem euismod vitae. Vivamus tortor lacus, ornare sit amet venenatis ac, tempor at elit. Vivamus pretium neque tempor neque blandit bibendum. Curabitur nec tellus mi. Cras fermentum tincidunt bibendum. Duis gravida lorem at tortor consectetur elementum. Aenean mattis vehicula leo, eu interdum nisl lacinia et. Ut sapien justo, blandit ut semper ut, scelerisque vitae nunc.

Vestibulum eu justo vel nisl egestas iaculis sollicitudin at enim. Cras ut nunc nec odio elementum vulputate. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam ut ornare est. Vivamus metus mi, lobortis id ultricies non, gravida sit amet tellus. Cras tincidunt, est auctor feugiat facilisis, neque lectus imperdiet justo, sed tempus enim sem sit amet ligula. Donec nec adipiscing magna. Nulla pellentesque neque id tellus imperdiet lobortis. Mauris fringilla nibh id orci interdum molestie congue justo sollicitudin. Integer velit quam, tempus sit amet interdum venenatis, accumsan ac turpis.

Cras neque dui, elementum at consequat a, dignissim at purus. Donec et magna sit amet elit faucibus sollicitudin. Quisque luctus, turpis molestie fringilla sollicitudin, augue dui imperdiet massa, vel auctor mauris turpis quis magna. Duis odio mi, adipiscing ut rhoncus iaculis, porttitor in tortor. Suspendisse sed pretium diam. Aliquam eget dui justo. Ut auctor massa eget purus rutrum tempor. Vivamus faucibus imperdiet augue, ut congue lacus feugiat ac. Sed dignissim volutpat justo id pharetra. Sed venenatis porttitor suscipit. Nunc tellus lectus, euismod sed dapibus eu, pellentesque quis sem. Aenean euismod purus sed enim pretium egestas. Mauris condimentum lectus et odio eleifend blandit. Aliquam erat volutpat.

Ut in enim tortor, id consequat mauris. Pellentesque vulputate tristique augue, quis ultrices tellus lobortis a. Fusce velit purus, varius ut porta sed, dapibus vitae risus. Vestibulum nisi nisl, tincidunt id viverra ac, tincidunt nec dui. Proin sit amet mi id lectus gravida faucibus. Proin lacinia viverra nisi, quis pellentesque augue suscipit sit amet. Cras mollis diam quis quam porta id euismod elit rhoncus. Aliquam malesuada felis odio. Phasellus vel purus sed mauris vehicula rutrum. Donec eu magna velit, a lacinia felis. Donec consequat congue metus eu tristique. Nulla auctor lobortis nisl, et lobortis leo laoreet rhoncus. Praesent sem erat, tincidunt eget suscipit ut, rhoncus non sapien. In egestas eleifend tellus a lobortis. Etiam pulvinar iaculis mauris, nec condimentum ante vulputate quis. Ut elit quam, pellentesque nec feugiat nec, pellentesque id tellus.

test ul

  • list
  • list

sadsafsd hello

sadsafsd

hello

My new comment

This is so easy and fun!

       Here is my sample paragraph with image and someshit.

 

Comment from MKK!!!

Comment from MKK!!!

Just what I have been looking

Just what I have been looking for.

test

测试下图片

觉得呢 我也这样觉得

 

  1. 意义

seems not To have wysiwyg capability here

Hi i am on android and

Happy Chinese New Year

 

 

 

恭賀新喜

 

 

 

kkk

   
       
       

Post new comment

  • HTML tags will be transformed to conform to HTML standards.

More information about formatting options