Import 1.2

Additions

  * Added a $(selector).cleditor(options) method to create cleditor
    instances the jQuery way.
  * Added a defaultOptions property to allow option overrides at a global level.
  * Added a buttons property to provide access the internal button definitions.
  * Added a useCSS option to force the editor to use CSS to style HTML when possible.
  * Added a disabled property which is true if the editor is disabled; otherwise false.
  * Added a disable() method to disable or enable the editor.
  * Added a change event that is triggered when the contents of the editor have changed.
  * Added a change() method to simplify the binding of the change event.
  * Added a clear() method to clear the editor.
  * Added a execCommand() method to execute design mode commands
  * Added a hidePopups() method to hide all popups.
  * Added a showMessage() method to show a popup messages inside the editor.
  * Added a restoreSelection() method to restore the previous selection
    after focusing another control.
  * Added support for custom plugin development.
  * Added an HTML table plugin.
  * Added an icon plugin.

Deletions

  * Removed the $.cleditor(id, options) constructor function.
  * Removed the name option used to name the editor.
  * Removed all class names from options.
  * Removed all background-image urls from the css file.

Other Changes

  * All image files are now assumed to be in the images subfolder
    located in the same folder as the jquery.cleditor.css file.
  * All javascript alerts have been replaced with popup messages.
  * All javascript prompts have been replaced with custom popups.
  * Code optimization and cleanup.
  * Bug fixes.
  * For security reasons, some browsers do not support script driven
    access to the clipboard. When a user clicks the cut, copy or paste
    buttons on these browsers, a popup message is displayed stating
    this. Users can still interact with the clipboard using the keyboard
    and context menus.

jquery.cleditor.css

@@ -1,13 +1,14 @@
-.cleditorMain {border:1px solid #999999; padding:0 1px 1px; background-color:white; overflow:hidden}
+.cleditorMain {border:1px solid #999999; padding:0 1px 1px; background-color:white}
 .cleditorMain iframe {border:none; margin:0; padding:0}
-.cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; font:10pt Arial,Verdana; resize:none; /* remove webkit grip */}
-.cleditorMain textarea:focus {outline:none /* remove webkit focus border */}
-.cleditorToolbar {background:url(images/toolbar.gif) repeat}
+.cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; font:10pt Arial,Verdana; resize:none; outline:none /* webkit grip focus */}
 .cleditorGroup {float:left; height:26px}
+.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0}
 .cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#ccc}
-.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background-image:url(images/buttons.gif)}
-.cleditorColors {width:150px; height:105px; border:solid 1px #999999; padding:1px 0 0 1px; background-color:white; position:absolute}
-.cleditorColors div {float:left; width:14px; height:14px; margin:0 1px 1px 0; text-align:center; vertical-align:middle; cursor:default}
-.cleditorPopup {border:solid 1px #999999; background-color:white; position:absolute; font:10pt Arial,Verdana}
-.cleditorPopup div {padding:2px 4px 2px 4px; cursor:default; font:10pt Arial,Verdana}
-.cleditorPopup p,h1,h2,h3,h4,h5,h6,font {padding:0; margin:0; background-color:Transparent}
+.cleditorPopup {border:solid 1px #999999; background-color:white; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:0}
+.cleditorList div {padding:2px 4px 2px 4px}
+.cleditorList p,h1,h2,h3,h4,h5,h6,font {padding:0; margin:0; background-color:Transparent}
+.cleditorColor {width:150px; height:105px; padding:1px 0 0 1px}
+.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
+.cleditorPrompt {background-color:#F6F7F9; padding:4px; font-size:8.5pt}
+.cleditorPrompt input {font-size:8.5pt}
+.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}