js/wysiwyg/crm.ckeditor.js

   1 // https://civicrm.org/licensing
   2 (function($, _) {
   3   var scriptLoaded = false;
   4
   5   function getInstance(item) {
   6     var name = $(item).attr("name"),
   7       id = $(item).attr("id");
   8     if (name && window.CKEDITOR && CKEDITOR.instances[name]) {
   9       return CKEDITOR.instances[name];
  10     }
  11     if (id && window.CKEDITOR && CKEDITOR.instances[id]) {
  12       return CKEDITOR.instances[id];
  13     }
  14   }
  15
  16   function loadScript(url) {
  17     var deferred = $.Deferred(),
  18       script = document.createElement('script');
  19     script.onload = function() {deferred.resolve();};
  20     script.src = url;
  21     document.getElementsByTagName("head")[0].appendChild(script);
  22     return deferred;
  23   }
  24
  25   CRM.wysiwyg.supportsFileUploads =  true;
  26
  27   CRM.wysiwyg.create = function(item) {
  28     var deferred = $.Deferred();
  29
  30     function onReady() {
  31       var debounce,
  32         editor = this;
  33
  34       editor.on('focus', function() {
  35         $(item).trigger('focus');
  36       });
  37       editor.on('blur', function() {
  38         editor.updateElement();
  39         $(item).trigger("blur");
  40         $(item).trigger("change");
  41       });
  42       editor.on('insertText', function() {
  43         $(item).trigger("keypress");
  44       });
  45       _.each(['key', 'pasteState'], function(evName) {
  46         editor.on(evName, function(evt) {
  47           if (debounce) clearTimeout(debounce);
  48           debounce = setTimeout(function() {
  49             editor.updateElement();
  50             $(item).trigger("change");
  51           }, 50);
  52         });
  53       });
  54       editor.on('pasteState', function() {
  55         $(item).trigger("paste");
  56       });
  57       // Hide CiviCRM menubar when editor is fullscreen
  58       editor.on('maximize', function (e) {
  59         $('#civicrm-menu').toggle(e.data === 2);
  60       });
  61       deferred.resolve();
  62     }
  63
  64     function initialize() {
  65       var
  66         browseUrl = CRM.config.resourceBase + "packages/kcfinder/browse.php?cms=civicrm",
  67         uploadUrl = CRM.config.resourceBase + "packages/kcfinder/upload.php?cms=civicrm";
  68
  69       $(item).addClass('crm-wysiwyg-enabled');
  70
  71       var isFullPage = $(item).hasClass('crm-wysiwyg-fullpage');
  72
  73       CKEDITOR.replace($(item)[0], {
  74         filebrowserBrowseUrl: browseUrl + '&type=files',
  75         filebrowserImageBrowseUrl: browseUrl + '&type=images',
  76         filebrowserFlashBrowseUrl: browseUrl + '&type=flash',
  77         filebrowserUploadUrl: uploadUrl + '&type=files',
  78         filebrowserImageUploadUrl: uploadUrl + '&type=images',
  79         filebrowserFlashUploadUrl: uploadUrl + '&type=flash',
  80         allowedContent: true, // For CiviMail!
  81         fullPage: isFullPage,
  82         customConfig: CRM.config.CKEditorCustomConfig,
  83         on: {
  84           instanceReady: onReady
  85         }
  86       });
  87     }
  88
  89     if ($(item).hasClass('crm-wysiwyg-enabled')) {
  90       deferred.resolve();
  91     }
  92     else if ($(item).length) {
  93       // Lazy-load ckeditor.js
  94       if (window.CKEDITOR) {
  95         initialize();
  96       } else {
  97         if (scriptLoaded === false) {
  98           scriptLoaded = loadScript(CRM.config.resourceBase + 'bower_components/ckeditor/ckeditor.js');
  99         }
 100         scriptLoaded.done(initialize);
 101       }
 102     } else {
 103       deferred.reject();
 104     }
 105     return deferred;
 106   };
 107
 108   CRM.wysiwyg.destroy = function(item) {
 109     $(item).removeClass('crm-wysiwyg-enabled');
 110     var editor = getInstance(item);
 111     if (editor) {
 112       editor.destroy();
 113     }
 114   };
 115
 116   CRM.wysiwyg.updateElement = function(item) {
 117     var editor = getInstance(item);
 118     if (editor) {
 119       editor.updateElement();
 120     }
 121   };
 122
 123   CRM.wysiwyg.getVal = function(item) {
 124     var editor = getInstance(item);
 125     if (editor) {
 126       return editor.getData();
 127     } else {
 128       return $(item).val();
 129     }
 130   };
 131
 132   CRM.wysiwyg.setVal = function(item, val) {
 133     var editor = getInstance(item);
 134     if (editor) {
 135       return editor.setData(val);
 136     } else {
 137       return $(item).val(val);
 138     }
 139   };
 140
 141   CRM.wysiwyg.insert = function(item, text) {
 142     var editor = getInstance(item);
 143     if (editor) {
 144       editor.insertText(text);
 145     } else {
 146       CRM.wysiwyg._insertIntoTextarea(item, text);
 147     }
 148   };
 149
 150   CRM.wysiwyg.focus = function(item) {
 151     var editor = getInstance(item);
 152     if (editor) {
 153       editor.focus();
 154     } else {
 155       $(item).focus();
 156     }
 157   };
 158
 159 })(CRM.$, CRM._);