DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

What happened to Quill in the online generator?

What happened to Quill in the online generator?

mccloudmccloud Posts: 35Questions: 15Answers: 2
in Editor

Has the option to include Quill been removed from the online generator?

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin

    Do you mean the download builder? If so, then yes, the plug-ins were removed from the download builder a few months ago I'm afraid. There weren't used much and they were non-trivial to maintain and update in that setting.

    However, they are still available here and will continue to be maintained there.

    Allan

  • mccloudmccloud Posts: 35Questions: 15Answers: 2
    edited January 2018

    I followed the instructions for Quill
    Added the external JS and CSS links to my HTML
    Downloaded the JS and CSS plugins and added those to their respective folders
    Changes type in the JS.

    Result is a page with just the headings. Same problem for the ckeditor.

    I know its basic, but could you confirm how I actually add the external JS and CSS links in the HTML.?

    <!doctype html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        
        <title>References</title>

        <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/jqc-1.12.3/moment-2.18.1/pdfmake-0.1.32/dt-1.10.16/b-1.5.1/b-colvis-1.5.1/b-flash-1.5.1/b-html5-1.5.1/b-print-1.5.1/cr-1.4.1/r-2.2.1/sl-1.2.4/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">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/plug-ins/preview/searchPane/dataTables.searchPane.min.css"> 
 
<script src="https://cdn.quilljs.com/latest/quill.snow.css"></script> 


        <script type="text/javascript" charset="utf-8" src="https://cdn.datatables.net/v/dt/jqc-1.12.3/moment-2.18.1/pdfmake-0.1.32/dt-1.10.16/b-1.5.1/b-colvis-1.5.1/b-flash-1.5.1/b-html5-1.5.1/b-print-1.5.1/cr-1.4.1/r-2.2.1/sl-1.2.4/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.refs.js"></script>
<script type="text/javascript" charset="utf-8" src="https://cdn.datatables.net/plug-ins/preview/searchPane/dataTables.searchPane.min.js"></script>

<script type="text/javascript" src="https//cdn.quilljs.com/latest/quill.min.js"></script>
  • kthorngrenkthorngren Posts: 21,336Questions: 26Answers: 4,951
    edited January 2018 Answer ✓

    Looks like there are a couple issues. First this:

    <script src="https://cdn.quilljs.com/latest/quill.snow.css"></script>

    Should be loaded like this:
    <link rel="stylesheet" type="text/css" href="https://cdn.quilljs.com/latest/quill.snow.css">

    If you look at the browser's console you should see a syntax error causing the page not to load.

    Second you need to download and load the plugin code. The Javascript and CSS links here:
    https://editor.datatables.net/plug-ins/field-type/editor.quill#Plug-in-code

    Kevin

This discussion has been closed.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2023 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.