Discussion :

[ClarusAD]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[NoSmoking]

Bonjour,
seulement voilà tu n’intègres pas le module, regarde au § Config.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var quill = new Quill(editor, {
    // ...
    modules: {
        // ...
        ImageResize: {}
    }
});

[ClarusAD]

Merci, c'était pourtant si évident !!!
Quel boulet je fais...

Hum, ça m'apprendra à vouloir faire les choses trop vite !

Merci