Editeur TinyMCE
Fermé
Mayu
-
23 mai 2018 à 14:48
jordane45 Messages postés 38424 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 février 2025 - 23 mai 2018 à 19:08
jordane45 Messages postés 38424 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 février 2025 - 23 mai 2018 à 19:08
A voir également:
- Editeur TinyMCE
- Editeur de registre - Guide
- Éditeur hexadécimal - Télécharger - Édition & Programmation
- Éditeur de vidéo windows - Guide
- Editeur html - Télécharger - HTML
- Editeur mp3 - Télécharger - Édition & Montage
2 réponses
jordane45
Messages postés
38424
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 février 2025
4 734
23 mai 2018 à 14:51
23 mai 2018 à 14:51
Bonjour,
Merci de :
- Poster le code concerné directement sur le forum (en utilisant les balises de code )
- Indiquer si il y a des erreurs dans la console de ton navigateur
Merci de :
- Poster le code concerné directement sur le forum (en utilisant les balises de code )
- Indiquer si il y a des erreurs dans la console de ton navigateur
Bonjour,
Ah désolé.
J'ai résolu mon problème toute seule en repartant à zéro avec l'upload des images.
Ah désolé.
J'ai résolu mon problème toute seule en repartant à zéro avec l'upload des images.
<!DOCTYPE html>
<HTML>
<HEAD>
<SCRIPT SRC="js/tinymce/tinymce.min.js"></SCRIPT>
<SCRIPT>
tinymce.init(
{
selector : "textarea",
language : "fr_FR",
theme : "modern",
plugins: ["print preview fullpage searchreplace autolink directionality visualblocks visualchars fullscreen ",
"image link media template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime ",
"advlist lists textcolor wordcount imagetools contextmenu colorpicker textpattern help image code"],
toolbar1 : "formatselect | bold italic strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify | numlist bullist outdent indent | removeformat | link image",
image_title: true,
automatic_uploads: true,
file_picker_types: 'image',
file_picker_callback: function(cb, value, meta)
{
var input = document.createElement('input');
input.setAttribute('type', 'file');
input.setAttribute('accept', 'image/*');
input.onchange = function()
{
var file = this.files[0];
var reader = new FileReader();
reader.onload = function ()
{
var id = 'blobid' + (new Date()).getTime();
var blobCache = tinymce.activeEditor.editorUpload.blobCache;
var base64 = reader.result.split(',')[1];
var blobInfo = blobCache.create(id, file, base64);
blobCache.add(blobInfo);
cb(blobInfo.blobUri(), { title: file.name });
};
reader.readAsDataURL(file);
};
input.click();
},
templates : [
{ title: "Test template 1", content: "Test 1" },
{ title: "Test template 2", content: "Test 2" }
]
});
</SCRIPT>
</HEAD>
<BODY>
<TEXTAREA>Next, get a free Tiny Cloud API key!</TEXTAREA>
<INPUT TYPE="image" ID="blobid" VALUE="" SIZE="20" />
</BODY>
</HTML>
jordane45
Messages postés
38424
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 février 2025
4 734
23 mai 2018 à 19:08
23 mai 2018 à 19:08
TinyMCE est juste un éditeur wysiwyg
Si tu charges du contenu dans ton textarea... il sera alors modifiable via tinyMCE (comme ouvrir un document dans un word ou un logiciel de traitement de text... )
Si tu charges du contenu dans ton textarea... il sera alors modifiable via tinyMCE (comme ouvrir un document dans un word ou un logiciel de traitement de text... )
23 mai 2018 à 14:56
js/skins/lightgray/skin.min.css 404 (Not Found)
js/skins/lightgray/content.min.css 404 (Not Found)