I can't get TinyMCE to show

obrienj

I recently purchased DataTables Editor, created a new consolidated Datatables download including the Editor, and replaced the consolidated datatables.min.js file and verified that the Editor is included.

I have the following includes:

<link rel="stylesheet" type="text/css" href="../../../distLibs/css/datatables.min.css">

<script type="text/javascript" language="javascript" src="../../../distLibs/lib/jquery.min.js"></script>
<script type="text/javascript" language="javascript" src="../../../distLibs/lib/jquery-migrate-3.0.0.min.js"></script>
<script type="text/javascript" language="javascript" src='../../../distLibs/lib/moment-with-locales.min.js'></script>
<script type="text/javascript" language="javascript" src="../../../distLibs/lib/tinymce.min.js"></script>

<!-- includes all the plugins I need (DataTables 1.10.13, AutoFill 2.1.3, Buttons 1.2.4, Print view 1.2.4, Editor 1.6.1, Responsive 2.1.0, Scroller 1.4.2, Select 1.2.0) -->
<script type="text/javascript" language="javascript" src="../../../distLibs/lib/datatables.min.js"></script>
<script type="text/javascript" language="javascript" src="../../../distLibs/lib/datetime.js"></script>
<script type="text/javascript" language="javascript" src="../../../distLibs/lib/editor.tinymce.js"></script>

And my Editor field definitions are:

       editor = new $.fn.dataTable.Editor({
            ajax: "OTCalMaint.php",
            table: "#cc-list",
            idSrc: "RID",
            fields: [
               {label: "Title:",
                    name: "title"
               },

               {label: "Start:",
                    name: "start",
                    type: "datetime",
                    def: function () { return new Date(); },
                    format: 'dddd, MMMM Do, YYYY h:mm A'
               },

               {label: "End:",
                    name: "end",
                    type: "datetime",
                    def: function () { return new Date(); },
                    format: 'dddd, MMMM Do, YYYY h:mm A'
               },

               {label: "Description:",
                   name: "description",
                   type: "tinymce"
               }
                
            ]
        });

The bubble appears and all the fields appear except only the title appears for "Description".

There are no errors in the Web Console.

If I comment out one or the other of the tinymce includes, I do get and error.

I have Block Popups turned off in FireFox.

Quill performs as expected but I want to use Tinymce

Any thoughts?

Regards,
Jim

allan

Hi Jim,

I don't immediately see anything from the above I'm afraid. Are you able to give me a link to the page?

Thanks,
Allan

obrienj

Allan,

Sorry but it only exists on my local server.

A possibility:

I purchased the Editor this morning and once I got the invoice I rebuilt the composite datatables.min.js and datatables.js including the Editor using the download builder.

Is it possible that I did this too quickly?

Regards,
Jim

allan

Hi Jim,

Once you've received the invoice by e-mail everything should be setup and ready for you to download the licensed software immediately. Possibly you might need to clear your local cache, in case your browser cached the old trial file, however, that shouldn't make a difference to using the plug-ins.

Are you using Bootstrap styling, DataTables, or something else?

Any chance you can expose your server on the web so I can take a look? You can PM me the link by clicking my name above and then the "Send message" button.

Allan

obrienj

Allan,

I separated all of the "libraries" I use into separate directories so there are no "overlap" issues.

Qwill runs, CKEditor runs, but TinyMCE does not show, only the field title shows.

I did see the following in the Web Console Debugger when I tried TinyMCE.

Error in parsing value for ‘box-sizing’.  Declaration dropped.  otcallist.html:1:95
Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped.  otcallist.html:1:420

I have no idea the statement this is refering to other than the first statement in my HTML but it is only the DOCTYPE line and looks like this:

<!DOCTYPE html>

Regards,
Jim