Editeur TinyMCE

Mayu -  
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour,
je reprends un script que j'avais laissé tombé mais maintenant que j'en ai besoin, il ne fonctionne plus.

Voici le lien :
http://save.free.free.fr/editeur.zip

L’éditeur ne s'affiche pas. On ne voit pas le textarea. :( Merci
A voir également:

2 réponses

Réponse 1 / 2
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Sachant que... en regardant dans ton zip... il semble qu'il manque des fichiers css
js/skins/lightgray/skin.min.css 404 (Not Found)
js/skins/lightgray/content.min.css 404 (Not Found)
0
Réponse 2 / 2
Mayu
 
Bonjour,
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>
0
Mayu
 
Re ! Y a-t-il un moyen de modifier un document créé avec TinyMCE ?
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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... )
0

Discussions similaires

nom de metier
E=MC² -
Raymond PENTIER -

2 réponses