Merge lp:~replaceafill/schooltool/fck_fixes into lp:schooltool/flourish

[Douglas Cerna]

Basically, I set a skin for the fck editor according to http://docs.cksource.com/FCKeditor_2.x/Developers_Guide/Customization/Skins

For this I set a new resource library and new widgets for z3c.form and formlib.

[Gediminas Paulauskas (menesis)]

Beautiful.

review: Approve

[Gediminas Paulauskas (menesis)]

Beautiful.

review: Approve

=== modified file 'src/schooltool/skin/flourish/instance/skin.zcml'
--- src/schooltool/skin/flourish/instance/skin.zcml	2011-11-23 14:27:36 +0000
+++ src/schooltool/skin/flourish/instance/skin.zcml	2011-12-21 15:04:26 +0000
@@ -7,18 +7,26 @@
 
   <!-- Skin resources -->
 
-  <configure package="schooltool.skin">
+  <configure package="schooltool.skin.flourish">
 
-  <resource
-      name="editor_config.js"
-      file="resources/editor_config.js"
-      layer="schooltool.skin.flourish.IFlourishLayer" />
+    <resource
+        name="editor_config.js"
+        file="resources/editor_config.js"
+        layer="schooltool.skin.flourish.IFlourishLayer" />
 
     <resource
         name="favicon.ico"
         file="resources/favicon.ico"
         layer="schooltool.skin.flourish.IFlourishLayer" />
 
+    <zope:resourceLibrary
+        name="schooltool.skin.flourish-fckeditor"
+        layer="schooltool.skin.flourish.IFlourishLayer">
+      <directory
+          source="resources/fckeditor"
+          />
+    </zope:resourceLibrary>
+
   </configure>
 
   <!-- Error messages -->

=== added file 'src/schooltool/skin/flourish/resources/editor_config.js'
--- src/schooltool/skin/flourish/resources/editor_config.js	1970-01-01 00:00:00 +0000
+++ src/schooltool/skin/flourish/resources/editor_config.js	2011-12-21 15:04:26 +0000
@@ -0,0 +1,40 @@
+
+// Base path screws up editor for sites using mod rewrite, like
+// http://example.com/something/schoooltool/...
+// See https://bugs.edge.launchpad.net/schooltool/+bug/258951
+//FCKConfig.BasePath = '/@@/fckeditor/editor/';
+
+FCKConfig.ToolbarSets["schooltool"] = [
+  ['Bold','Italic','RemoveFormat'], // 'Underline','StrikeThrough','-','Subscript','Superscript'
+  //['Source'],
+  ['Cut','Copy','PasteText'], // ,'Paste','PasteWord'],
+  // ['SelectAll'], // , // for IE JS, unlike Python, never end a list with a comma!
+  //['OrderedList','UnorderedList','-','Outdent','Indent'],
+  //['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
+  //['Image','Link','Unlink','Anchor','Table','Rule'],
+  ['Link']
+  //'/',
+  //['Style','FontFormat','FontName','FontSize'],
+  //['TextColor','BGColor'],
+  //['About']
+  ];
+
+// set faked table borders on table with border="0"
+FCKConfig.ShowBorders   = true ;
+
+// The contextURL is set in the javascript template and used in the explorer
+// implementation
+FCKConfig.contextURL = window.top.top.contextURL;
+
+FCKConfig.LinkBrowser = false ;
+FCKConfig.LinkUpload = false ;
+FCKConfig.LinkDlgHideAdvanced = true;
+FCKConfig.LinkDlgHideTarget = true ;
+
+FCKConfig.ImageBrowser = false ;
+
+FCKConfig.ForcePasteAsPlainText = true ;
+// Once we update to CK editor 3.x, figure out a good combination of these
+// and maybe re-enable paste from Word
+//FCKConfig.pasteFromWordRemoveFontStyles
+//FCKConfig.pasteFromWordRemoveStyles

=== added directory 'src/schooltool/skin/flourish/resources/fckeditor'
=== added file 'src/schooltool/skin/flourish/resources/fckeditor/fck_dialog.css'
--- src/schooltool/skin/flourish/resources/fckeditor/fck_dialog.css	1970-01-01 00:00:00 +0000
+++ src/schooltool/skin/flourish/resources/fckeditor/fck_dialog.css	2011-12-21 15:04:26 +0000
@@ -0,0 +1,431 @@
+/*
+ * FCKeditor - The text editor for Internet - http://www.fckeditor.net
+ * Copyright (C) 2003-2009 Frederico Caldeira Knabben
+ *
+ * == BEGIN LICENSE ==
+ *
+ * Licensed under the terms of any of the following licenses at your
+ * choice:
+ *
+ *  - GNU General Public License Version 2 or later (the "GPL")
+ *    http://www.gnu.org/licenses/gpl.html
+ *
+ *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
+ *    http://www.gnu.org/licenses/lgpl.html
+ *
+ *  - Mozilla Public License Version 1.1 or later (the "MPL")
+ *    http://www.mozilla.org/MPL/MPL-1.1.html
+ *
+ * == END LICENSE ==
+ *
+ * Styles used by the dialog boxes.
+ */
+
+html, body
+{
+	background-color: transparent;
+	margin: 0px;
+	padding: 0px;
+}
+
+body
+{
+	padding: 10px;
+}
+
+body, td, input, select, textarea
+{
+        
+	font-size: 12px;
+	font-family: Ubuntu, 'Microsoft Sans Serif' , Arial, Helvetica, Verdana;
+}
+
+input[type="text"] {
+            background-color: #ffffff;
+            border: 1px solid #ccc1c1;
+            color: #333333;
+}
+
+select#cmbLinkType {
+        width: 100%;
+}
+
+body, .BackColor
+{
+	background-color: #ffffff;
+}
+
+.PopupBody
+{
+	height: 100%;
+	width: 100%;
+	overflow: hidden;
+	background-color: transparent;
+	padding: 0px;
+}
+
+#header
+{
+	cursor: move;
+}
+
+.PopupTitle
+{
+	font-weight: bold;
+	font-size: 14pt;
+	color: #ffffff;
+	background-color: #008C93;
+	padding: 3px 10px 3px 10px;
+}
+
+.PopupButtons
+{
+	position: absolute;
+	right: 0px;
+	left: 0px;
+	bottom: 0px;
+	background-color: #ffffff;
+	padding: 7px 10px 7px 10px;
+}
+
+.Button
+{
+        font-size: 14px;
+        border-radius: 4px;
+        background-color: #6C7B7C;
+        border: 1px solid #6C7B7C;
+        box-shadow: 0px 1px 6px #bbbbbb;
+        color: #ffffff;
+}
+
+#btnOk
+{
+        background-color: #009499;
+        border: 1px solid #009499;
+        box-shadow: 0px 1px 6px #bbbbbb;
+        color: #ffffff;
+}
+
+#btnOk:hover, .Button:hover
+{
+        background-color: #026B6E;
+        border: 1px solid #026B6E;
+}
+
+#btnOk:active, .Button:active {
+    background-color: #056163;
+    border: 1px solid #056163;
+    color: #aea79f;
+}
+
+.DarkBackground
+{
+	background-color: #eaead1;
+}
+
+.LightBackground
+{
+	background-color: #ffffbe;
+}
+
+.PopupTitleBorder
+{
+	border-bottom: #d5d59d 1px solid;
+}
+
+.PopupTabArea
+{
+	color: #ffffff;
+	background-color: #008C93;
+}
+
+.PopupTabEmptyArea
+{
+	padding-left: 10px;
+	border-bottom: #d5d59d 1px solid;
+}
+
+.PopupTab, .PopupTabSelected
+{
+	border-right: #d5d59d 1px solid;
+	border-top: #d5d59d 1px solid;
+	border-left: #d5d59d 1px solid;
+	padding: 3px 5px 3px 5px;
+	color: #333333;
+}
+
+.PopupTab
+{
+	margin-top: 1px;
+	border-bottom: #d5d59d 1px solid;
+	cursor: pointer;
+	cursor: hand;
+}
+
+.PopupTabSelected
+{
+	font-weight: bold;
+	cursor: default;
+	padding-top: 4px;
+	background-color: #ffffff;
+}
+
+.PopupSelectionBox
+{
+	border: #ff9933 1px solid !important;
+	background-color: #fffacd !important;
+	cursor: pointer;
+	cursor: hand;
+}
+
+#tdBrowse
+{
+	vertical-align: bottom;
+}
+
+/**
+ * Dialog frame related styles.
+ */
+
+.contents
+{
+        border: 1px solid #aaaaaa;
+	position: absolute;
+	top: 2px;
+	left: 16px;
+	right: 16px;
+	bottom: 20px;
+	background-color: #ffffff;
+	overflow: hidden;
+	z-index: 1;
+        border-radius: 4px;
+}
+
+.tl, .tr, .tc, .bl, .br, .bc
+{
+	position: absolute;
+	background-image: none;
+	background-repeat: no-repeat;
+}
+
+* html .tl, * html .tr, * html .tc, * html .bl, * html .br, * html .bc
+{
+	background-image: none;
+}
+
+.ml, .mr
+{
+	position: absolute;
+	background-image: none;
+	background-repeat: repeat-y;
+}
+
+* html .ml, * html .mr
+{
+	background-image: none;
+}
+
+.rtl .ml, .rtl .mr
+{
+	position: absolute;
+	background-image: none;
+	background-repeat: repeat-y;
+}
+
+* html .rtl .ml, * html .rtl .mr
+{
+	background-image: none;
+}
+
+.tl
+{
+	top: 0px;
+	left: 0px;
+	width: 16px;
+	height: 16px;
+	background-position: -16px -16px;
+}
+
+.rtl .tl
+{
+	background-position: -16px -397px;
+}
+
+.tr
+{
+	top: 0px;
+	right: 0px;
+	width: 16px;
+	height: 16px;
+	background-position: -16px -76px;
+}
+
+.rtl .tr
+{
+	background-position: -16px -457px;
+}
+
+.tc
+{
+	top: 0px;
+	right: 16px;
+	left: 16px;
+	height: 16px;
+	background-position: 0px -136px;
+	background-repeat: repeat-x;
+}
+
+.ml
+{
+	top: 16px;
+	left: 0px;
+	width: 16px;
+	bottom: 51px;
+	background-position: 0px 0px;
+}
+
+.mr
+{
+	top: 16px;
+	right: 0px;
+	width: 16px;
+	bottom: 51px;
+	background-position: -16px 0px;
+}
+
+.bl
+{
+	bottom: 0px;
+	left: 0px;
+	width: 30px;
+	height: 51px;
+	background-position: -16px -196px;
+}
+
+.rtl .bl
+{
+	background-position: -16px -517px;
+}
+
+.br
+{
+	bottom: 0px;
+	right: 0px;
+	width: 30px;
+	height: 51px;
+	background-position: -16px -263px;
+}
+
+.rtl .br
+{
+	background-position: -16px -584px;
+}
+
+.bc
+{
+	bottom: 0px;
+	right: 30px;
+	left: 30px;
+	height: 51px;
+	background-position: 0px -330px;
+	background-repeat: repeat-x;
+}
+
+/* For IE6. Do not change it. */
+* html .blocker
+{
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	z-index: 12;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+}
+
+/* The layer used to cover the dialog when opening a child dialog. */
+.cover
+{
+	position: absolute;
+	top: 0px;
+	left: 14px;
+	right: 14px;
+	bottom: 18px;
+	z-index: 11;
+}
+
+#closeButton
+{
+	position: absolute;
+	right: 0px;
+	top: 0px;
+	margin-top: 5px;
+	margin-right: 10px;
+	width: 20px;
+	height: 20px;
+	cursor: pointer;
+	background-image: url(images/sprites.png);
+	background-repeat: no-repeat;
+	background-position: -16px -651px;
+}
+
+* html #closeButton
+{
+	cursor: hand;
+	background-image: url(images/sprites.gif);
+}
+
+.rtl #closeButton
+{
+	right: auto;
+	left: 10px;
+	margin-right: 0px;
+}
+
+#closeButton:hover
+{
+	background-position: -16px -687px;
+}
+
+#throbberBlock
+{
+	z-index: 10;
+}
+
+#throbberBlock div
+{
+	float: left;
+	width: 8px;
+	height: 9px;
+	margin-left: 2px;
+	margin-right: 2px;
+	font-size: 1px;	/* IE6 */
+}
+
+/*
+	Color Gradient Generator:
+	http://www.herethere.net/~samson/php/color_gradient/?cbegin=737357&cend=E3E3C7&steps=4
+*/
+
+.throbber_1
+{
+	background-color: #737357;
+}
+
+.throbber_2
+{
+	background-color: #8f8f73;
+}
+
+.throbber_3
+{
+	background-color: #abab8f;
+}
+
+.throbber_4
+{
+	background-color: #c7c7ab;
+}
+
+.throbber_5
+{
+	background-color: #e3e3c7;
+}

=== added file 'src/schooltool/skin/flourish/resources/fckeditor/fck_dialog_ie6.js'
--- src/schooltool/skin/flourish/resources/fckeditor/fck_dialog_ie6.js	1970-01-01 00:00:00 +0000
+++ src/schooltool/skin/flourish/resources/fckeditor/fck_dialog_ie6.js	2011-12-21 15:04:26 +0000
@@ -0,0 +1,110 @@
+/*
+ * FCKeditor - The text editor for Internet - http://www.fckeditor.net
+ * Copyright (C) 2003-2009 Frederico Caldeira Knabben
+ *
+ * == BEGIN LICENSE ==
+ *
+ * Licensed under the terms of any of the following licenses at your
+ * choice:
+ *
+ *  - GNU General Public License Version 2 or later (the "GPL")
+ *    http://www.gnu.org/licenses/gpl.html
+ *
+ *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
+ *    http://www.gnu.org/licenses/lgpl.html
+ *
+ *  - Mozilla Public License Version 1.1 or later (the "MPL")
+ *    http://www.mozilla.org/MPL/MPL-1.1.html
+ *
+ * == END LICENSE ==
+ */
+
+(function()
+{
+	// IE6 doens't handle absolute positioning properly (it is always in quirks
+	// mode). This function fixes the sizes and positions of many elements that
+	// compose the skin (this is skin specific).
+	var fixSizes = window.DoResizeFixes = function()
+	{
+		var fckDlg = window.document.body ;
+
+		for ( var i = 0 ; i < fckDlg.childNodes.length ; i++ )
+		{
+			var child = fckDlg.childNodes[i] ;
+			switch ( child.className )
+			{
+				case 'contents' :
+					child.style.width = Math.max( 0, fckDlg.offsetWidth - 16 - 16 ) ;	// -left -right
+					child.style.height = Math.max( 0, fckDlg.clientHeight - 20 - 2 ) ;	// -bottom -top
+					break ;
+
+				case 'blocker' :
+				case 'cover' :
+					child.style.width = Math.max( 0, fckDlg.offsetWidth - 16 - 16 + 4 ) ;	// -left -right + 4
+					child.style.height = Math.max( 0, fckDlg.clientHeight - 20 - 2 + 4 ) ;	// -bottom -top + 4
+					break ;
+
+				case 'tr' :
+					child.style.left = Math.max( 0, fckDlg.clientWidth - 16 ) ;
+					break ;
+
+				case 'tc' :
+					child.style.width = Math.max( 0, fckDlg.clientWidth - 16 - 16 ) ;
+					break ;
+
+				case 'ml' :
+					child.style.height = Math.max( 0, fckDlg.clientHeight - 16 - 51 ) ;
+					break ;
+
+				case 'mr' :
+					child.style.left = Math.max( 0, fckDlg.clientWidth - 16 ) ;
+					child.style.height = Math.max( 0, fckDlg.clientHeight - 16 - 51 ) ;
+					break ;
+
+				case 'bl' :
+					child.style.top = Math.max( 0, fckDlg.clientHeight - 51 ) ;
+					break ;
+
+				case 'br' :
+					child.style.left = Math.max( 0, fckDlg.clientWidth - 30 ) ;
+					child.style.top = Math.max( 0, fckDlg.clientHeight - 51 ) ;
+					break ;
+
+				case 'bc' :
+					child.style.width = Math.max( 0, fckDlg.clientWidth - 30 - 30 ) ;
+					child.style.top = Math.max( 0, fckDlg.clientHeight - 51 ) ;
+					break ;
+			}
+		}
+	}
+
+	var closeButtonOver = function()
+	{
+		this.style.backgroundPosition = '-16px -687px' ;
+	} ;
+
+	var closeButtonOut = function()
+	{
+		this.style.backgroundPosition = '-16px -651px' ;
+	} ;
+
+	var fixCloseButton = function()
+	{
+		var closeButton = document.getElementById ( 'closeButton' ) ;
+
+		closeButton.onmouseover	= closeButtonOver ;
+		closeButton.onmouseout	= closeButtonOut ;
+	}
+
+	var onLoad = function()
+	{
+		fixSizes() ;
+		fixCloseButton() ;
+
+		window.attachEvent( 'onresize', fixSizes ) ;
+		window.detachEvent( 'onload', onLoad ) ;
+	}
+
+	window.attachEvent( 'onload', onLoad ) ;
+
+})() ;

=== added file 'src/schooltool/skin/flourish/resources/fckeditor/fck_editor.css'
--- src/schooltool/skin/flourish/resources/fckeditor/fck_editor.css	1970-01-01 00:00:00 +0000
+++ src/schooltool/skin/flourish/resources/fckeditor/fck_editor.css	2011-12-21 15:04:26 +0000
@@ -0,0 +1,463 @@
+/*
+ * FCKeditor - The text editor for Internet - http://www.fckeditor.net
+ * Copyright (C) 2003-2009 Frederico Caldeira Knabben
+ *
+ * == BEGIN LICENSE ==
+ *
+ * Licensed under the terms of any of the following licenses at your
+ * choice:
+ *
+ *  - GNU General Public License Version 2 or later (the "GPL")
+ *    http://www.gnu.org/licenses/gpl.html
+ *
+ *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
+ *    http://www.gnu.org/licenses/lgpl.html
+ *
+ *  - Mozilla Public License Version 1.1 or later (the "MPL")
+ *    http://www.mozilla.org/MPL/MPL-1.1.html
+ *
+ * == END LICENSE ==
+ *
+ * Styles used by the editor IFRAME and Toolbar.
+ */
+
+/*
+	### Basic Editor IFRAME Styles.
+*/
+
+body
+{
+    padding: 0;
+    margin: 0;
+    background-color: #ffffff;
+}
+
+#xEditingArea
+{
+    border: #CCC1C1 1px solid;
+}
+
+.SourceField
+{
+    padding: 5px;
+    margin: 0px;
+    font-family: Monospace;
+}
+
+/*
+	Toolbar
+*/
+
+.TB_ToolbarSet, .TB_Expand, .TB_Collapse
+{
+    cursor: default;
+    background-color: #E6E5E5;
+}
+
+.TB_ToolbarSet
+{
+    border-top: #CCC1C1 1px solid;
+}
+
+.TB_ToolbarSet TD
+{
+    font-size: 11px;
+    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
+}
+
+.TB_Toolbar
+{
+    height: 24px;
+    display: inline-table;	/* inline = Opera jumping buttons bug */
+}
+
+.TB_Separator
+{
+    width: 1px;
+    height: 16px;
+    margin: 2px;
+    background-color: #E6E5E5;
+}
+
+.TB_Start
+{
+    background-image: url(images/toolbar.start.gif);
+    margin: 2px;
+    width: 3px;
+    background-repeat: no-repeat;
+    height: 16px;
+}
+
+.TB_End
+{
+    display: none;
+}
+
+.TB_ExpandImg
+{
+    background-image: url(images/toolbar.expand.gif);
+    background-repeat: no-repeat;
+}
+
+.TB_CollapseImg
+{
+    background-image: url(images/toolbar.collapse.gif);
+    background-repeat: no-repeat;
+}
+
+.TB_SideBorder
+{
+    background-color: #CCC1C1;
+}
+
+.TB_Expand, .TB_Collapse
+{
+    padding: 2px 2px 2px 2px;
+    border: #CCC1C1 1px solid;
+}
+
+.TB_Collapse
+{
+    width: 5px;
+}
+
+.TB_Break
+{
+    height: 24px; /* IE needs the height to be set, otherwise no break */
+}
+
+/*
+	Toolbar Button
+*/
+
+.TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled
+{
+    border: #E6E5E5 1px solid; /* This is the default border */
+    height: 22px; /* The height is necessary, otherwise IE will not apply the alpha */
+}
+
+.TB_Button_On
+{
+    border: #6C7B7C 1px solid;
+    background-color: #6C7B7C;
+}
+
+.TB_Button_On_Over, .TB_Button_Off_Over
+{
+    border: #6C7B7C 1px solid;
+    background-color: #6C7B7C;
+}
+
+.TB_Button_Off
+{
+    filter: alpha(opacity=70); /* IE */
+    opacity: 0.70; /* Safari, Opera and Mozilla */
+}
+
+.TB_Button_Disabled
+{
+    filter: gray() alpha(opacity=30); /* IE */
+    opacity: 0.30; /* Safari, Opera and Mozilla */
+}
+
+.TB_Button_Padding
+{
+    visibility: hidden;
+    width: 3px;
+    height: 22px;
+}
+
+.TB_Button_Image
+{
+    overflow: hidden;
+    width: 16px;
+    height: 16px;
+    margin: 3px;
+    background-repeat: no-repeat;
+}
+
+.TB_Button_Image img
+{
+    position: relative;
+}
+
+.TB_Button_Off .TB_Button_Text
+{
+    background-color: #efefde;  /* Needed because of a bug on Clear Type */
+}
+
+.TB_ConnectionLine
+{
+    background-color: #ffffff;
+    height: 1px;
+    margin-left: 1px;   /* ltr */
+    margin-right: 1px;  /* rtl */
+}
+
+.TB_Text
+{
+    height: 22px;
+}
+
+.TB_Button_Off .TB_Text
+{
+    background-color: #efefde ;  /* Needed because of a bug on ClearType */
+}
+
+.TB_Button_On_Over .TB_Text
+{
+    background-color: #dff1ff ;  /* Needed because of a bug on ClearType */
+}
+
+/*
+	Menu
+*/
+
+.MN_Menu
+{
+    border: 1px solid #8f8f73;
+    padding: 2px;
+    background-color: #ffffff;
+    cursor: default;
+}
+
+.MN_Menu, .MN_Menu .MN_Label
+{
+    font-size: 11px;
+    font-family: Ubuntu, 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
+}
+
+.MN_Item_Padding
+{
+    visibility: hidden;
+    width: 3px;
+    height: 20px;
+}
+
+.MN_Icon
+{
+    background-color: #e3e3c7;
+    text-align: center;
+    height: 20px;
+}
+
+.MN_Label
+{
+    padding-left: 3px;
+    padding-right: 3px;
+}
+
+.MN_Separator
+{
+    height: 3px;
+}
+
+.MN_Separator_Line
+{
+    border-top: #b9b99d 1px solid;
+}
+
+.MN_Item .MN_Icon IMG
+{
+    filter: alpha(opacity=70);
+    opacity: 0.70;
+}
+
+.MN_Item_Over
+{
+    color: #ffffff;
+    background-color: #8f8f73;
+}
+
+.MN_Item_Over .MN_Icon
+{
+    background-color: #737357;
+}
+
+.MN_Item_Disabled IMG
+{
+    filter: gray() alpha(opacity=30); /* IE */
+    opacity: 0.30; /* Safari, Opera and Mozilla */
+}
+
+.MN_Item_Disabled .MN_Label
+{
+    color: #b7b7b7;
+}
+
+.MN_Arrow
+{
+    padding-right: 3px;
+    padding-left: 3px;
+}
+
+.MN_ConnectionLine
+{
+    background-color: #ffffff;
+}
+
+.Menu .TB_Button_On, .Menu .TB_Button_On_Over
+{
+    border: #8f8f73 1px solid;
+    background-color: #ffffff;
+}
+
+/*
+	### Panel Styles
+*/
+
+.FCK_Panel
+{
+    border: #8f8f73 1px solid;
+    padding: 2px;
+    background-color: #ffffff;
+}
+
+.FCK_Panel, .FCK_Panel TD
+{
+    font-family: Ubuntu, 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
+    font-size: 11px;
+}
+
+/*
+	### Special Combos
+*/
+
+.SC_Panel
+{
+    overflow: auto;
+    white-space: nowrap;
+    cursor: default;
+    border: 1px solid #8f8f73;
+    padding-left: 2px;
+    padding-right: 2px;
+}
+
+.SC_Panel, .SC_Panel TD
+{
+    font-size: 11px;
+    font-family: Ubuntu, 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
+}
+
+.SC_Item, .SC_ItemSelected
+{
+    margin-top: 2px;
+    margin-bottom: 2px;
+    background-position: left center;
+    padding-left: 11px;
+    padding-right: 3px;
+    padding-top: 2px;
+    padding-bottom: 2px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    background-repeat: no-repeat;
+    border: #dddddd 1px solid;
+}
+
+.SC_Item *, .SC_ItemSelected *
+{
+    margin-top: 0px;
+    margin-bottom: 0px;
+}
+
+.SC_ItemSelected
+{
+    border: #9a9afb 1px solid;
+    background-image: url(images/toolbar.arrowright.gif);
+}
+
+.SC_ItemOver
+{
+    border: #316ac5 1px solid;
+}
+
+.SC_Field
+{
+    border: #b7b7a6 1px solid;
+    cursor: default;
+}
+
+.SC_FieldCaption
+{
+    overflow: visible;
+    padding-right: 5px;
+    padding-left: 5px;
+    opacity: 0.75; /* Safari, Opera and Mozilla */
+    filter: alpha(opacity=70); /* IE */ /* -moz-opacity: 0.75; Mozilla (Old) */
+    height: 23px;
+    background-color: #efefde;
+}
+
+.SC_FieldLabel
+{
+    white-space: nowrap;
+    padding: 2px;
+    width: 100%;
+    cursor: default;
+    background-color: #ffffff;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.SC_FieldButton
+{
+    background-position: center center;
+    background-image: url(images/toolbar.buttonarrow.gif);
+    border-left: #b7b7a6 1px solid;
+    width: 14px;
+    background-repeat: no-repeat;
+}
+
+.SC_FieldDisabled .SC_FieldButton, .SC_FieldDisabled .SC_FieldCaption, .SC_FieldDisabled .TB_ButtonType_Text
+{
+    opacity: 0.30; /* Safari, Opera and Mozilla */
+    filter: gray() alpha(opacity=30); /* IE */ /* -moz-opacity: 0.30; Mozilla (Old) */
+}
+
+.SC_FieldOver
+{
+    border: #316ac5 1px solid;
+}
+
+.SC_FieldOver .SC_FieldButton
+{
+    border-left: #316ac5 1px solid;
+}
+
+/*
+	### Color Selector Panel
+*/
+
+.ColorBoxBorder
+{
+    border: #808080 1px solid;
+    position: static;
+}
+
+.ColorBox
+{
+    font-size: 1px;
+    width: 10px;
+    position: static;
+    height: 10px;
+}
+
+.ColorDeselected, .ColorSelected
+{
+    cursor: default;
+}
+
+.ColorDeselected
+{
+    border: #ffffff 1px solid;
+    padding: 2px;
+    float: left;
+}
+
+.ColorSelected
+{
+    border: #330066 1px solid;
+    padding: 2px;
+    float: left;
+    background-color: #c4cdd6;
+}

=== added file 'src/schooltool/skin/flourish/resources/fckeditor/fck_editorarea.css'
--- src/schooltool/skin/flourish/resources/fckeditor/fck_editorarea.css	1970-01-01 00:00:00 +0000
+++ src/schooltool/skin/flourish/resources/fckeditor/fck_editorarea.css	2011-12-21 15:04:26 +0000
@@ -0,0 +1,110 @@
+/*
+ * FCKeditor - The text editor for Internet - http://www.fckeditor.net
+ * Copyright (C) 2003-2009 Frederico Caldeira Knabben
+ *
+ * == BEGIN LICENSE ==
+ *
+ * Licensed under the terms of any of the following licenses at your
+ * choice:
+ *
+ *  - GNU General Public License Version 2 or later (the "GPL")
+ *    http://www.gnu.org/licenses/gpl.html
+ *
+ *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
+ *    http://www.gnu.org/licenses/lgpl.html
+ *
+ *  - Mozilla Public License Version 1.1 or later (the "MPL")
+ *    http://www.mozilla.org/MPL/MPL-1.1.html
+ *
+ * == END LICENSE ==
+ *
+ * This is the default CSS file used by the editor area. It defines the
+ * initial font of the editor and background color.
+ *
+ * A user can configure the editor to use another CSS file. Just change
+ * the value of the FCKConfig.EditorAreaCSS key in the configuration
+ * file.
+ */
+
+/**
+ * The "body" styles should match your editor web site, mainly regarding
+ * background color and font family and size.
+ */
+
+body
+{
+	background-color: #ffffff;
+	padding: 5px 5px 5px 5px;
+	margin: 0px;
+}
+
+body, td
+{
+	font-family: Ubuntu, Arial, Verdana, sans-serif;
+	font-size: 12px;
+}
+
+a[href]
+{
+	color: -moz-hyperlinktext !important;		/* For Firefox... mark as important, otherwise it becomes black */
+	text-decoration: -moz-anchor-decoration;	/* For Firefox 3, otherwise no underline will be used */
+}
+
+/**
+ * Just uncomment the following block if you want to avoid spaces between
+ * paragraphs. Remember to apply the same style in your output front end page.
+ */
+
+/*
+p, ul, li
+{
+	margin-top: 0px;
+	margin-bottom: 0px;
+}
+*/
+
+/**
+ * Uncomment the following block, or only selected lines if appropriate,
+ * if you have some style items that would break the styles combo box.
+ * You can also write other CSS overrides inside the style block below
+ * as needed and they will be applied to inside the style combo only.
+ */
+
+/*
+.SC_Item *, .SC_ItemSelected *
+{
+	margin: 0px !important;
+	padding: 0px !important;
+	text-indent: 0px !important;
+	clip: auto !important;
+	position: static !important;
+}
+*/
+
+/**
+ * The following are some sample styles used in the "Styles" toolbar command.
+ * You should instead remove them, and include the styles used by the site
+ * you are using the editor in.
+ */
+
+.Bold
+{
+	font-weight: bold;
+}
+
+.Title
+{
+	font-weight: bold;
+	font-size: 18px;
+	color: #cc3300;
+}
+
+.Code
+{
+	border: #8b4513 1px solid;
+	padding-right: 5px;
+	padding-left: 5px;
+	color: #000066;
+	font-family: Ubuntu, 'Courier New' , Monospace;
+	background-color: #ff9933;
+}

=== added file 'src/schooltool/skin/flourish/resources/fckeditor/fck_strip.gif'
Binary files src/schooltool/skin/flourish/resources/fckeditor/fck_strip.gif	1970-01-01 00:00:00 +0000 and src/schooltool/skin/flourish/resources/fckeditor/fck_strip.gif	2011-12-21 15:04:26 +0000 differ
=== added directory 'src/schooltool/skin/flourish/resources/fckeditor/images'
=== added file 'src/schooltool/skin/flourish/resources/fckeditor/images/dialog.sides.gif'
Binary files src/schooltool/skin/flourish/resources/fckeditor/images/dialog.sides.gif	1970-01-01 00:00:00 +0000 and src/schooltool/skin/flourish/resources/fckeditor/images/dialog.sides.gif	2011-12-21 15:04:26 +0000 differ
=== added file 'src/schooltool/skin/flourish/resources/fckeditor/images/dialog.sides.png'
Binary files src/schooltool/skin/flourish/resources/fckeditor/images/dialog.sides.png	1970-01-01 00:00:00 +0000 and src/schooltool/skin/flourish/resources/fckeditor/images/dialog.sides.png	2011-12-21 15:04:26 +0000 differ
=== added file 'src/schooltool/skin/flourish/resources/fckeditor/images/dialog.sides.rtl.png'
Binary files src/schooltool/skin/flourish/resources/fckeditor/images/dialog.sides.rtl.png	1970-01-01 00:00:00 +0000 and src/schooltool/skin/flourish/resources/fckeditor/images/dialog.sides.rtl.png	2011-12-21 15:04:26 +0000 differ
=== added file 'src/schooltool/skin/flourish/resources/fckeditor/images/sprites.gif'
Binary files src/schooltool/skin/flourish/resources/fckeditor/images/sprites.gif	1970-01-01 00:00:00 +0000 and src/schooltool/skin/flourish/resources/fckeditor/images/sprites.gif	2011-12-21 15:04:26 +0000 differ
=== added file 'src/schooltool/skin/flourish/resources/fckeditor/images/sprites.png'
Binary files src/schooltool/skin/flourish/resources/fckeditor/images/sprites.png	1970-01-01 00:00:00 +0000 and src/schooltool/skin/flourish/resources/fckeditor/images/sprites.png	2011-12-21 15:04:26 +0000 differ
=== added file 'src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.arrowright.gif'
Binary files src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.arrowright.gif	1970-01-01 00:00:00 +0000 and src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.arrowright.gif	2011-12-21 15:04:26 +0000 differ
=== added file 'src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.buttonarrow.gif'
Binary files src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.buttonarrow.gif	1970-01-01 00:00:00 +0000 and src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.buttonarrow.gif	2011-12-21 15:04:26 +0000 differ
=== added file 'src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.collapse.gif'
Binary files src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.collapse.gif	1970-01-01 00:00:00 +0000 and src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.collapse.gif	2011-12-21 15:04:26 +0000 differ
=== added file 'src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.end.gif'
Binary files src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.end.gif	1970-01-01 00:00:00 +0000 and src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.end.gif	2011-12-21 15:04:26 +0000 differ
=== added file 'src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.expand.gif'
Binary files src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.expand.gif	1970-01-01 00:00:00 +0000 and src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.expand.gif	2011-12-21 15:04:26 +0000 differ
=== added file 'src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.separator.gif'
Binary files src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.separator.gif	1970-01-01 00:00:00 +0000 and src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.separator.gif	2011-12-21 15:04:26 +0000 differ
=== added file 'src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.start.gif'
Binary files src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.start.gif	1970-01-01 00:00:00 +0000 and src/schooltool/skin/flourish/resources/fckeditor/images/toolbar.start.gif	2011-12-21 15:04:26 +0000 differ
=== modified file 'src/schooltool/skin/flourish/widgets.py'
--- src/schooltool/skin/flourish/widgets.py	2011-09-14 13:18:02 +0000
+++ src/schooltool/skin/flourish/widgets.py	2011-12-21 15:04:26 +0000
@@ -24,10 +24,23 @@
 import sys
 
 import zope.formlib.widgets
-from zope.component import getUtility
+from zope.component import getUtility, adapter
+from zope.interface import implementer
 from zope.i18n.interfaces import INegotiator
-
+from zope.traversing.browser.absoluteurl import absoluteURL
+from zope.schema.interfaces import IField
+
+from z3c.form.interfaces import IFieldWidget
+from z3c.form.widget import ComputedWidgetAttribute, FieldWidget
+import zc.resourcelibrary
+
+from schooltool.app.interfaces import ISchoolToolApplication
+from schooltool.skin.widgets import FCKConfig
+from schooltool.skin.widgets import IFckeditorWidget
+from schooltool.skin.widgets import FckeditorFormlibWidget
+from schooltool.skin.widgets import FckeditorZ3CFormWidget
 from schooltool.skin.flourish.resource import ResourceLibrary
+from schooltool.skin.flourish.interfaces import IFlourishLayer
 
 
 class JQueryI18nLibrary(ResourceLibrary):
@@ -73,3 +86,70 @@
 
 class FormlibDateWidget(zope.formlib.widgets.DateWidget):
     cssClass="date-field"
+
+
+Flourish_fckeditor_config = ComputedWidgetAttribute(
+    lambda a: FCKConfig(288, 160),
+    request=IFlourishLayer,
+    widget=IFckeditorWidget,
+    )
+
+
+class FlourishFckeditorScriptBase(object):
+
+    @property
+    def script(self):
+        zc.resourcelibrary.need("fckeditor")
+        config = self.config
+
+        app_url = absoluteURL(ISchoolToolApplication(None), self.request)
+        fck_config_path = '%s%s' % (
+            app_url, config.path)
+        fck_editor_path = '%s/@@/fckeditor/%s/fckeditor/' % (
+            app_url, self.fckversion)
+        fck_skin_path = '%s/@@/schooltool.skin.flourish-fckeditor/' % (
+            app_url)
+        fck_editor_css_path = '%s%s' % (fck_skin_path, 'fck_editorarea.css')
+
+        # XXX: using some values that may be not JS safe
+        return '''
+            <script type="text/javascript" language="JavaScript">
+                var %(variable)s = new FCKeditor(
+                    "%(id)s", %(width)d, %(height)d, "%(toolbar)s");
+                %(variable)s.BasePath = "%(fckBasePath)s";
+                %(variable)s.Config["CustomConfigurationsPath"] = "%(customConfigPath)s";
+                %(variable)s.Config["SkinPath"] = "%(fckSkinPath)s";
+                %(variable)s.Config["EditorAreaCSS"] = "%(fckEditorAreaCSS)s";
+                %(variable)s.ReplaceTextarea();
+            </script>
+            ''' % {
+            'id': self.element_id,
+            'variable': self.editor_var_name,
+            'width': config.width,
+            'height': config.height,
+            'toolbar': config.toolbar,
+            'customConfigPath': fck_config_path,
+            'fckBasePath': fck_editor_path,
+            'fckSkinPath': fck_skin_path,
+            'fckEditorAreaCSS': fck_editor_css_path,
+            }
+
+
+class FlourishFckeditorFormlibWidget(FlourishFckeditorScriptBase,
+                                     FckeditorFormlibWidget):
+
+    def __init__(self, *args, **kw):
+        super(FlourishFckeditorFormlibWidget, self).__init__(*args, **kw)
+        self.config = FCKConfig(288, 160)
+
+
+class FlourishFckeditorZ3CFormWidget(FlourishFckeditorScriptBase,
+                                     FckeditorZ3CFormWidget):
+
+    pass
+
+
+@adapter(IField, IFlourishLayer)
+@implementer(IFieldWidget)
+def FlourishFckeditorFieldWidget(field, request):
+    return FieldWidget(field, FlourishFckeditorZ3CFormWidget(request))

=== modified file 'src/schooltool/skin/flourish/widgets.zcml'
--- src/schooltool/skin/flourish/widgets.zcml	2011-08-30 16:43:23 +0000
+++ src/schooltool/skin/flourish/widgets.zcml	2011-12-21 15:04:26 +0000
@@ -12,7 +12,7 @@
       type="schooltool.skin.flourish.IFlourishLayer"
       for="zope.html.field.IHtmlFragmentField"
       provides="zope.app.form.interfaces.IInputWidget"
-      factory="schooltool.skin.widgets.FckeditorFormlibWidget"
+      factory=".widgets.FlourishFckeditorFormlibWidget"
       permission="zope.Public"
       />
 
@@ -45,4 +45,15 @@
            schooltool.skin.flourish.IFlourishLayer"
       />
 
+  <zope:adapter
+      factory=".widgets.FlourishFckeditorFieldWidget"
+      for="zope.html.field.IHtmlFragmentField
+           schooltool.skin.flourish.IFlourishLayer"
+      />
+
+  <zope:adapter
+      factory="schooltool.skin.flourish.widgets.Flourish_fckeditor_config"
+      name="config"
+      />
+
 </configure>