Multiple ckeditor in taburi

Limbaje de Programare JavaScript / Node
1

Salutare,

Am un bug la initalizarea unor ckeditoare pe care nu reusesc sa il rezolv nici ars.

2 campuri de detalii afisate in taburi (bootstrap) separate. Pe tab-ul activ editor-ul are height-ul corect, pe cel inactiv imi apare asa: http://prntscr.com/cmz4b4

js-ul arata asa:

$(document).ready(function() {
    $('.ckeditorTextArea').each( function () {
        CKEDITOR.replace(this.id, {
            language     : 'ro',
            customConfig : 'config.js',
            startupFocus : false,
            toolbar      : 'simple',
            allowedContent : true,
            height: 600,
        });
    });
});

Mersi.

2

Încearcă să inițializezi editorul după ce tab-ul devine activ:

$('.tabs').on('shown.bs.tab', function(e){
  var editor = $('.ckeditorTextArea', e.currentTarget);

  if (editor.data('ck-init')) {
    return ;
  }

  editor.data('ck-init', true);

  $('.ckeditorTextArea', e.currentTarget).each( function () {
    CKEDITOR.replace(this.id, {
      language     : 'ro',
      customConfig : 'config.js',
      startupFocus : false,
      toolbar      : 'simple',
      allowedContent : true,
      height: 600,
    });
  });
});

nu știu dacă event-ul e bun, nu am folosit niciodată, m-am uitat doar în docs: http://getbootstrap.com/javascript/#tabs-events

1 Like