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 :
Modifié par ClarusAD (12 Oct 2017 - 12:07)
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 :
<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 Modifié par ClarusAD (12 Oct 2017 - 12:07)