add ck-editor into custom widgets

Author: Andrew Telnov (DevExpress)

src/all.js

@@ -7,4 +7,5 @@ export {default as jqueryuidatepicker} from "./jquery-ui-datepicker.js";
 export {default as nouislider} from "./nouislider.js";
 export {default as select2tagbox} from "./select2-tagbox.js";
 export {default as signaturepad} from "./signature_pad.js";
-export {default as sortablejs} from "./sortablejs.js";
+export {default as sortablejs} from "./sortablejs.js";
+export {default as ckeditor} from "./ck-editor.js";

src/ck-editor.js

@@ -0,0 +1,46 @@
+function init(Survey) {
+    var widget = {
+        name: "editor",
+        title: "Editor",
+        iconName: "icon-editor",
+        widgetIsLoaded: function() { return typeof CKEDITOR !== undefined; },
+        isFit : function(question) { 
+            return question.getType() === 'editor'; 
+        },
+        htmlTemplate: "<textarea rows='10' cols='80' style: {width:'100%'}></textarea>",
+        activatedByChanged: function(activatedBy) {
+            Survey.JsonObject.metaData.addClass("editor", [], null, "empty");
+            Survey.JsonObject.metaData.addProperty("editor", {name: "height", default: 300});
+        },
+        afterRender: function(question, el) {
+            CKEDITOR.editorConfig = function (config) {
+                config.language = 'es';
+                config.height = question.height;
+                config.toolbarCanCollapse = true;
+            };
+            var editor = CKEDITOR.replace(el);
+            var isValueChanging = false;
+            var updateValueHandler = function() {
+                if(isValueChanging) return;
+                editor.setData(question.value);
+            };
+            editor.on('change', function() { 
+                isValueChanging = true;
+                question.value = editor.getData();
+                isValueChanging = false;
+            });
+            question.valueChangedCallback = updateValueHandler;
+            updateValueHandler();
+        },
+        willUnmount: function(question, el) {
+        } 
+    }
+
+    Survey.CustomWidgetCollection.Instance.addCustomWidget(widget, "customtype");
+}
+
+if (typeof Survey !== "undefined") {
+    init(Survey);
+}
+
+export default init;