Section courante

A propos

Section administrative du site

execCommand

 TinyMCE
JavaScript

Syntaxe

function execCommand(c, u, v);

Paramètres

Nom Description
c Ce paramètre permet d'indiquer la commande de traitement.
u Ce paramètre permet d'indiquer si le UI doit être présent par la commande ou non.
v Ce paramètre permet d'indiquer la valeur du paramètre comme par exemple un URL vers un lien.

Retour

Valeur Description
false Cette valeur permet d'indiquer que l'opération n'a pas réussis.
true Cette valeur permet d'indiquer que l'opération s'est correctement effectué.

Description

Cette fonction permet d'exécuter des commandes sur un éditeur TinyMCE courant.

Exemple

Voici un exemple montrant comment on peut utiliser cette fonction afin d'effectuer de l'insertion du texte :

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="tiny_mce/tiny_mce.js"></script>
  4. <script type="text/javascript">
  5. tinyMCE.init({
  6.      mode : "textareas",
  7.      theme : "advanced",
  8.      width : "600",
  9.        height : "350",
  10.      plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist",
  11.      relative_urls : false,
  12.      remove_script_host : false,
  13.           
  14.      forced_root_block : false,
  15.      force_br_newlines : true,
  16.      force_p_newlines : false,
  17.  
  18.      theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect,",
  19.      theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
  20.      theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,characcent,emotions,iespell,media,advhr,|,ltr,rtl,|,fullscreen,pagebreak,restoredraft",
  21.      theme_advanced_toolbar_location : "top",
  22.      theme_advanced_toolbar_align : "left",
  23.      theme_advanced_statusbar_location : "bottom",
  24.      theme_advanced_resizing : true,
  25.  
  26.      template_external_list_url : "lists/template_list.js",
  27.      external_link_list_url : "lists/link_list.js",
  28.      external_image_list_url : "lists/image_list.js",
  29.      media_external_list_url : "lists/media_list.js",
  30.  
  31.      style_formats : [
  32.           {title : 'Bold text', inline : 'b'},
  33.           {title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
  34.           {title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
  35.           {title : 'Example 1', inline : 'span', classes : 'example1'},
  36.           {title : 'Example 2', inline : 'span', classes : 'example2'},
  37.           {title : 'Table styles'},
  38.           {title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
  39.      ],
  40. });
  41. </script>
  42. </head>
  43. <body>
  44. <textarea id="Description" name="Description" style="width:500px; height: 50px;"></textarea>
  45. <script type="text/javascript">
  46. onload = function()     {
  47.      tinyMCE.execCommand('mceInsertContent',false,"Gladir.com");
  48. }
  49. </script>
  50. </body>
  51. </html>

on obtiendra le résultat suivant :

Voir également

Articles - WYSIWYG du Web

Dernière mise à jour : Vendredi, le 30 octobre 2015