Quill editor : comment ajouter un module ?
Bonjour,
Dans le cadre d'un moteur de blog en interne, j'utilise l'éditeur de texte Quill editor.
Il existe un module additionnel permettant de redimensionner les images que l'on insert dans le texte : Quill image resizer.
L'éditeur qui fonctionne parfaitement, mais pas le module :(
Voici le code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
| <link rel="stylesheet" href="katex.min.css" />
<link rel="stylesheet" href="monokai-sublime.min.css" />
<link rel="stylesheet" href="quill.snow.css" />
<div id="DV_quill_editor"></div>
<script type="text/javascript" src="ckatex.min.js"></script>
<script type="text/javascript" src="highlight.min.js"></script>
<script type="text/javascript" src="quill.min.js"></script>
<script type="text/javascript" src="image-resize.min.js"></script>
<script type="text/javascript">
var quill_options = { modules: {
formula: false,
syntax: true,
toolbar: [
[{ 'header': [5, 6, false] }],
['bold', 'italic', 'underline', 'strike'],
[{ 'align': [] }],
[{ 'indent': '-1' }, { 'indent': '+1' }],
['link', 'image', 'video'],
['clean']
]
},
placeholder: 'Écrire son actualité...',
theme: 'snow'
} ;
var quill = new Quill('#DV_quill_editor', quill_options);
var quill_tara_content = document.getElementById('TA_quill_html_content') ;
quill.on('text-change', function() {
var taraContent = quill.root.innerHTML ;
quill_tara_content.innerHTML = taraContent ;
});
</script> |
Merci pour l'aide ;)
