New: add edit in place with ckeditor

Fix: remove unused jQuery plugin ckeip
2025-12-07 01:58:09 +01:00 · 2011-10-31 16:57:10 +01:00
parent 61bb08dfa5
commit d9eb4cbeb9
8 changed files with 148 additions and 101 deletions
--- a/htdocs/includes/jquery/plugins/jeditable/jquery.jeditable.ckeditor.js
+++ b/htdocs/includes/jquery/plugins/jeditable/jquery.jeditable.ckeditor.js
@@ -0,0 +1,70 @@
+/*
+ * CKEditor input for Jeditable
+ * 
+ * Adapted from Wysiwyg input for Jeditable by Mike Tuupola
+ *   http://www.appelsiini.net/2008/9/wysiwyg-for-jeditable
+ *
+ * Copyright (c) 2009 Jeremy Bell
+ *
+ * Licensed under the MIT license:
+ *   http://www.opensource.org/licenses/mit-license.php
+ * 
+ * Depends on CKEditor:
+ *   http://ckeditor/
+ *   
+ */
+
+(function($) {
+	$.generateId = function() {
+		return arguments.callee.prefix + arguments.callee.count++;
+	};
+	$.generateId.prefix = 'jq$';
+	$.generateId.count = 0;
+
+	$.fn.generateId = function() {
+		return this.each(function() {
+			this.id = $.generateId();
+		});
+	};
+})(jQuery);
+
+(function($) {
+$.editable.addInputType('ckeditor', {
+    /* Use default textarea instead of writing code here again. */
+    //element : $.editable.types.textarea.element,
+    element : function(settings, original) {
+        /* Hide textarea to avoid flicker. */
+        var textarea = $('<textarea>').css("opacity", "0").generateId();
+        if (settings.rows) {
+            textarea.attr('rows', settings.rows);
+        } else {
+            textarea.height(settings.height);
+        }
+        if (settings.cols) {
+            textarea.attr('cols', settings.cols);
+        } else {
+            textarea.width(settings.width);
+        }
+        $(this).append(textarea);
+        return(textarea);
+    },
+    content : function(string, settings, original) { 
+        /* jWYSIWYG plugin uses .text() instead of .val()        */
+        /* For some reason it did not work work with generated   */
+        /* textareas so I am forcing the value here with .text() */
+        $('textarea', this).text(string);
+    },
+    plugin : function(settings, original) {
+        var self = this;
+        if (settings.ckeditor) {
+            setTimeout(function() { CKEDITOR.replace($('textarea', self).attr('id'), settings.ckeditor); }, 0);
+        } else {
+            setTimeout(function() { CKEDITOR.replace($('textarea', self).attr('id')); }, 0);
+        }
+    },
+    submit : function(settings, original) {
+        $('textarea', this).val(CKEDITOR.instances[$('textarea', this).attr('id')].getData());
+	CKEDITOR.instances[$('textarea', this).attr('id')].destroy();
+    }
+});
+})(jQuery);