CKEditor this.editables is not availble during a downcast?

Question

This is an extract of my plugin (full version):

CKEDITOR.plugins.add('dndck4', {
  lang: 'en',
  requires: 'widget',

  init: function (editor) {
    editor.widgets.add('dndck4', {
      dialog: 'atomProperties',
      pathName: 'atom',
      editables: {
        caption: {
          selector: '.dnd-caption-wrapper',
          pathName: 'caption',
          allowedContent: 'a[href]; strong; em'
        }
      },
...
      downcast: function(el) {
        var caption = '';
        if (this.data.usesCaption) {
          caption = this.editables.caption.getHtml();
        }
        var html = Drupal.dndck4.downcastedHtml(this.data, caption);
        return CKEDITOR.htmlParser.fragment.fromHtml(html);
      },

It worked well, until another JS does something apparently harmless:

  editor.on('change', function() {
    // Let CKEditor handle updating the linked text element.
    editor.updateElement();
  });

It breaks my widget based plugin (this.editables is an empty object). Of course I can just check this.editables to avoid error in the next line caption = this.editables.caption.getHtml(); but I'd like to know what happened and why.

@MarekLewandowski I updated the question to include the link to the full code. editor.updateElement() is supposed to update the textarea with the changed content from CKEditor, so that behind Yoast SEO can process the content of the textarea. — jcisio, Sep 22 '16 at 13:22
And without this `change` listener you don't experience this problem? — Marek Lewandowski, Sep 23 '16 at 09:33
No problem without that listener (or precisely, without the `editor.updateElement()` line). — jcisio, Sep 23 '16 at 12:51

CKEditor this.editables is not availble during a downcast?

0 Answers0