How to add CKEditor?

ladokjohan

Hi,

I have tried to install the CKEditor plugin but can't get it to work. CKEditor is installed in folder php/lib/ckeditor and the demo file works fine.

I have added <script src="php/lib/ckeditor/ckeditor.js"></script> to the index.php file.

I have added editor.ckeditor.js to js folder.

In table.uppdoksupport.js I changed

fields: [
            {
                "label": "Information",
                "name": "text",
                "type": "textarea"
            }

to

fields: [
            {
                "label": "Information",
                "name": "text",
                "type": "ckeditor"
            }

The only result is that no table data is shown any more in the table... What have I missed or made wrong?

allan

That should be all that is needed. Are you seeing any errors reported in your browser's console?

Are you able to give me a link to the page so I can check it out please?

Thanks,
Allan

ladokjohan

Firefox console gives this error:
uncaught exception: Error adding field - unknown field type ckeditor

I have made a version without required login at http://goo.gl/ygA9S2 where you can see the empty table.

Thanks,

Johan

allan

I don't see the Editor CKEditor being included anywhere on that page?

Allan

ladokjohan

Now I get these errors:

ReferenceError: jQuery is not defined
<anonymous>
 editor.ckeditor.js:40
<anonymous>
 editor.ckeditor.js:28
 editor.ckeditor.js:40:1
uncaught exception: Error adding field - unknown field type ckeditor

My header is:

        <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/s/dt/jqc-1.11.3,dt-1.10.10,b-1.1.0,r-2.0.0,se-1.1.0/datatables.min.css">
        <link rel="stylesheet" type="text/css" href="css/generator-base.css">
        <link rel="stylesheet" type="text/css" href="css/editor.dataTables.min.css">

        <script src="php/lib/ckeditor/ckeditor.js"></script>
        <script src="js/editor.ckeditor.js"></script>
        <script type="text/javascript" charset="utf-8" src="https://cdn.datatables.net/s/dt/jqc-1.11.3,dt-1.10.10,b-1.1.0,r-2.0.0,se-1.1.0/datatables.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="js/dataTables.editor.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="js/table.uppdoksupport.js"></script>

Have I missed something?

allan

Add it after you load DataTables and Editor. It is a plug-in for those libraries, so it needs to be loaded after them.

Allan

ladokjohan

It worked, thanks.