Discussion :

[3logy]

Salut a tous!

j'ai voulu faire reagir le TinyMCE avec tout mes Textareas !!
voici comment j'ai procede :

Code :

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
 
google.load("jquery", "1", {uncompressed:true});
google.load("jqueryui", "1");
google.setOnLoadCallback(function(){
    $(function(){
 
    $('textarea.tinymce').tinymce({
 
	 // Location of TinyMCE script
	 script_url : 'global/js/tinymce/jscripts/tiny_mce/tiny_mce.js',
 
	 mode : "textareas",
    theme : "advanced",
    language: "en",
    width: "100%",
    height: "220px",
    plugins : "inlinepopups,style,advimage,advlink,media,visualchars,xhtmlxtras,safari,template",
    theme_advanced_buttons1 : "bold,italic,underline,|,fontsizeselect,|,justifyleft,justifycenter,justifyright,|,bullist,numlist,|,link,unlink,image,|,forecolor,|,charmap,media",
    theme_advanced_buttons2 : "",
    theme_advanced_buttons3 : "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "bottom",
    theme_advanced_path : false,
    theme_advanced_resizing : true,
    theme_advanced_resizing_use_cookie : false,
    theme_advanced_resizing_max_width : "55%",
    extended_valid_elements : "a[name|href|target|title],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
    force_br_newlines : true,
    cleanup: true,
    cleanup_on_startup: true,
    force_p_newlines : false,
    convert_newlines_to_brs : false,
    forced_root_block : false
	});
});
});

Tout ceci ne fonctionne pas!! les textareas sont vides et n'affichent point les tinymce!!

Une idee sur la nature de mon probleme?

[ThomasR]

Bonjour,

as-tu des erreurs JavaScript ? Si oui lesquelles ?

es-tu sûr que le plugin arrive bien à inclure le fichier global/js/tinymce/jscripts/tiny_mce/tiny_mce.js, tu peux vérifier en faisant une inspection avec Firebug (ou un firebug like) et regarder si le lien ne pointe pas vers une 404.

Ta fonction anonyme dans setOnLoadCallback() est-elle bien executée ? (À tester avec un alert).

[3logy]

Je n'ai pas d' erreurs Javascripts, le lien : global/js/tinymce/jscripts/tiny_mce/tiny_mce.js est correct et la fonction setOnLoadCallback() est bien executee.

Lorsque je mets le code dans un fichier externe : <script type="text/javascript" src="global/js/tinymce.js"></script>

Localement si je le mets a l' en-tête d'une page html , elle reagit sur les textareas.
Mais de maniere globale, pour interagir avec toutes les textareas ca ne fonctionne pas.

[ThomasR]

Bonsoir,

c'est étonnant, le code est correct. J'imagine donc que tu as bien inclu le fichier jquery.tinymce.js, peux-tu nous montrer la manière dont tu as déclarer tes textarea, où même ton code HTML complet.. ?

[3logy]

Au fait voila j'ai la structure suivante(voir image)
dans le desktop.js j'ai le code poste plus haut, et dans le desktop.phtml :

Code :

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

1
2
3
4
5
6
7
 
 <div class="row">
  <label for="desc">Description:</label>
      <div class="editor">
        <textarea name="desc" class="tinymce" id="desc" rows="3" cols="1" style="display: block;"></textarea>
      </div>
</div>

beh c'est tout!!