Answers

• colin Posts: 15,240Questions: 1Answers: 2,599

  June 2020

  Are you seeing any console errors in the browser? And are you able to link to your page so we can take a look?

  Colin
• rmeetin Posts: 100Questions: 24Answers: 1

  June 2020

  My developer said the error he sees is:

  ``ckType undefined

  I set up a demo on my devel server:

  https://www.dottedi.xyz/demo/bin/faq2.php

  If you wish to compare with the ckeditor 4 version see:

  https://www.dottedi.xyz/demo/bin/faq.php
• kthorngren Posts: 21,341Questions: 26Answers: 4,954

  June 2020 edited June 2020

  Looks like the initialization is failing at this line in the plugin code:

  

  Its looking for ClassicEditor in window but its not there. Which is causing ckType to be undefined causing the jquery-3.3.1.js:3827 Uncaught TypeError: Cannot read property 'create' of undefined in this line:
  ckType.create( conf._input[0], conf.opts )

  I suspect the problem is you are loading the plugin before CKEditor. Try reversing these tow lines:

    <script src='ckeditor5/datatables+ckeditor5.js'></script> <!-- the ckeditor 5 plugin I think -->
    <script type='text/javascript' src='ckeditor5/build/ckeditor.js' comment='ckeditor 5'></script>
  

  Kevin
• rmeetin Posts: 100Questions: 24Answers: 1

  June 2020

  Reversing the sequence gets the table to load however the Answer field which should load the editor only loads as simple input field.

  I checked for errors and the undefined error is gone but I see these two:

      This page uses the non standard property “zoom”. Consider using calc() in the relevant property values, or using “transform” along with “transform-origin: 0 0”. faq2.php
  
      Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help http://xhr.spec.whatwg.org/
  

  I cleared cache.
• allan Posts: 63,516Questions: 1Answers: 10,472 Site admin

  June 2020

  This page uses the non standard property “zoom”. Consider using calc() in the relevant property values, or using “transform” along with “transform-origin: 0 0”. faq2.php

  This one can safely be ignored - it is a CSS warning. DataTables Core still supports IE6 (at least for now), so there are a few hacks in the stylesheet, such as that.

  Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help http://xhr.spec.whatwg.org/

  Are you using $.ajax with async: false somewhere on your page? DataTables doesn't do that by default, so it must be coming from somewhere else.

  Allan
• koniahin Posts: 186Questions: 39Answers: 7

  June 2020

  Aside from the ajax line in the html file , not that I know of.

  <

  script type="text/javascript" language="javascript" class="init">
  var editor;

        $(document).ready(function() {
          editor = new $.fn.dataTable.Editor( {
            ajax: 'controllers/faq2.php',
            table: '#datatable',
            fields: [
              {
                label: 'Order:',
                name: 'faq.rowOrder',
  
• allan Posts: 63,516Questions: 1Answers: 10,472 Site admin

  June 2020 edited June 2020 Answer ✓

  Thanks! And sorry I missed the links to your page above. The console message says:

  Asynchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help http://xhr.spec.whatwg.org/
   ckeditor.js:5
  

  So its coming from CKEditor. You'd need to check with their support team to see what can be done about it.

  Allan
• rmeetin Posts: 100Questions: 24Answers: 1

  July 2020

  I passed this thread along to my contractor - I'm not sure what he did but he was able to get CKE5 working within DataTables without consulting CKE support/forum.

  CK5 has a lot of advantages in general over CK4 however some learning curve and some gotchas we haven't solved yet. For instance outside of DataTables there is a sticky (fixed) toolbar function - great for long pages. Within DT it doesn't work off the shelf.