Thèmes Quill ne fonctionne pas

Je suis un amateur heureux essayant de construire mon propre site Web, et j'ai pensé que j'utiliserais Quill comme un gentil textitoritor pour des articles et d'autres choses. Lorsque vous parcourez l'exemple de départ, cela ne fonctionne tout simplement pas.Thèmes Quill ne fonctionne pas

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="https://cdn.quilljs.com/1.1.9/quill.js"></script> 
    <link href="https://cdn.quilljs.com/1.1.9/quill.snow.css" rel="stylesheet"> 
    <script src="https://cdn.quilljs.com/1.1.9/quill.core.js"></script> 
    <link href="https://cdn.quilljs.com/1.1.9/quill.core.css" rel="stylesheet"> 
    </head> 
    <body> 
    <div id="editor"> 
     <p>Hello World!</p> 
     <p>Some initial <strong>bold</strong> text</p> 
     <p><br></p> 
    </div> 
<script> 
    var quill = new Quill('#editor', { 
    theme: 'snow' 
    }); 
</script> 
    </body> 
</html>

Il me donne le message d'erreur suivant dans la console:

Quill ne peut pas importer des thèmes/neige. Êtes-vous sûr qu'il a été enregistré?

Console Error message screenshot

Qu'est-ce que je manque? Où et comment dois-je l'enregistrer?

Édition rapide:
Dire aussi que j'ai essayé avec la bulle à la place (et bien sûr changé le CSS dans la tête). Lorsque j'ai essayé avec des modules, j'ai reçu le même message d'erreur pour chaque module.

Source

2017-01-09 user2620460

Vous incluez Quill deux fois et la deuxième fois est une version réduite sans thèmes. Juste inclure la bibliothèque principale:

<script src="https://cdn.quilljs.com/1.1.9/quill.js"></script> 
<link href="https://cdn.quilljs.com/1.1.9/quill.snow.css" rel="stylesheet">

Source

2017-01-09 01:04:45 jhchen

Merci pour la réponse. Cela a résolu mon problème. J'ai lu quelque part (ne peut pas le trouver maintenant) Je devrais avoir le noyau aussi bien pour une raison quelconque. J'ai essayé upvote votre réponse, mais je ne pouvais pas. – user2620460

Core devrait aller avant que tout le reste fonctionne.

<!-- Core build with no theme, formatting, non-essential modules --> 
<link href="//cdn.quilljs.com/1.2.3/quill.core.css" rel="stylesheet"> 
<script src="//cdn.quilljs.com/1.2.3/quill.core.js"></script> 

<!-- Main Quill library --> 
<script src="//cdn.quilljs.com/1.2.3/quill.js"></script> 
<script src="//cdn.quilljs.com/1.2.3/quill.min.js"></script> 

<!-- Theme included stylesheets --> 
<link href="//cdn.quilljs.com/1.2.3/quill.snow.css" rel="stylesheet"> 
<link href="//cdn.quilljs.com/1.2.3/quill.bubble.css" rel="stylesheet">

Source

2017-04-07 15:40:43

Même problème sans cela: https://drive.google.com/file/d/0B9mk7Iu_--93MjhUZGgtVFB2U2M/view?usp=sharing Donnez alors une autre solution. –

Voir ma réponse ci-dessus –

-1

est ici une version de travail sur codepen

Tout ce qu'il utilise est:

<link href="https://cdn.quilljs.com/1.2.2/quill.snow.css" rel="stylesheet"> 
<script src="https://cdn.quilljs.com/1.2.2/quill.js"></script>

et pour mon conteneur j'utilisé:

<div id="myDiv"></div>

Le script d'initialisation est la plus simple:

var quill = new Quill('#myDiv', {theme: 'snow'});

Aucune erreur.

Source

2017-04-07 21:54:19

Thèmes Quill ne fonctionne pas

Répondre

Questions connexes