Editeur TinyMCE
Fermé
Mayu
-
23 mai 2018 à 14:48
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 - 23 mai 2018 à 19:08
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 - 23 mai 2018 à 19:08
A voir également:
- Editeur TinyMCE
- Éditeur hexadécimal - Télécharger - Édition & Programmation
- Editeur html - Télécharger - HTML
- Editeur mp3 - Télécharger - Édition & Montage
- Editeur video gratuit - Guide
- Ouvrez ce fichier avec un éditeur de texte simple (bloc-notes, textedit, gedit, …) pour y découvrir le nom d'un objet. ✓ - Forum Études / Formation High-Tech
2 réponses
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
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
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
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)