upgrade fckeditor to ckeditor, for IE10 compatibility, RT#22014

1 files changed, 13 insertions, 14 deletions

diff --git a/httemplate/elements/htmlarea.html b/httemplate/elements/htmlarea.html
index f00c77360..e173a7cb9 100644
--- a/httemplate/elements/htmlarea.html
+++ b/httemplate/elements/htmlarea.html
@@ -11,25 +11,24 @@ Example:
 </%doc>
 
 % #init
-<SCRIPT TYPE="text/javascript" src="<% $p %>elements/fckeditor/fckeditor.js">
+<SCRIPT TYPE="text/javascript" src="<% $p %>elements/ckeditor/ckeditor.js">
 </SCRIPT>
 
 % #editor
-<SCRIPT TYPE="text/javascript">
-
-  var oFCKeditor = new FCKeditor('<% $opt{'field'} %>');
-  oFCKeditor.Value = <% $opt{'curr_value'} |js_string %>;
+<textarea name="<% $opt{'field'} %>"><% $opt{'curr_value'} |h %></textarea>
 
-  oFCKeditor.BasePath = '<% $p %>elements/fckeditor/';
-  oFCKeditor.Config['SkinPath'] = '<% $p %>elements/fckeditor/editor/skins/silver/';
-% if ( $opt{'width'} ) {
-    oFCKeditor.Width = '<% $opt{'width'} %>';
-% }
-  oFCKeditor.Height = '<% $opt{'height'} || 420 %>';
-  oFCKeditor.Config['StartupFocus'] = true;
-  oFCKeditor.Config['EnterMode'] = 'br';
+<SCRIPT TYPE="text/javascript">
 
-  oFCKeditor.Create();
+  CKEDITOR.replace('<% $opt{'field'} %>', {
+%   if ( $opt{'width'} ) {
+      width: <% $opt{'width'} %>,
+%   }
+    height: <% $opt{'height'} || 420 %>,
+    startupFocus: true,
+    skin: 'kama',
+    toolbarCanCollapse: true,
+    enterMode: 2
+  });
 
 </SCRIPT>