[Sommaire] [Imprimer]

   1  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2  <!--
   3   * FCKeditor - The text editor for Internet - http://www.fckeditor.net
   4   * Copyright (C) 2003-2007 Frederico Caldeira Knabben
   5   * 
   6   * == BEGIN LICENSE ==
   7   * 
   8   * Licensed under the terms of any of the following licenses at your
   9   * choice:
  10   * 
  11   *  - GNU General Public License Version 2 or later (the "GPL")
  12   *    http://www.gnu.org/licenses/gpl.html
  13   * 
  14   *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
  15   *    http://www.gnu.org/licenses/lgpl.html
  16   * 
  17   *  - Mozilla Public License Version 1.1 or later (the "MPL")
  18   *    http://www.mozilla.org/MPL/MPL-1.1.html
  19   * 
  20   * == END LICENSE ==
  21   * 
  22   * File Name: sample05.html
  23   *     Sample page.
  24   * 
  25   * File Authors:
  26   *         Frederico Caldeira Knabben (www.fckeditor.net)
  27  -->
  28  <html xmlns="http://www.w3.org/1999/xhtml">
  29  <head>
  30      <title>FCKeditor - Sample</title>
  31      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  32      <meta name="robots" content="noindex, nofollow" />
  33      <link href="../sample.css" rel="stylesheet" type="text/css" />
  34      <script type="text/javascript" src="../../fckeditor.js"></script>
  35      <script type="text/javascript">
  36  
  37  function FCKeditor_OnComplete( editorInstance )
  38  {
  39      var oCombo = document.getElementById( 'cmbSkins' ) ;
  40      
  41      // Get the active skin.
  42      var sSkin = editorInstance.Config['SkinPath'] ;
  43      sSkin = sSkin.match( /[^\/]+(?=\/$)/g ) ;
  44      
  45      oCombo.value = sSkin ;
  46      oCombo.style.visibility = '' ;
  47  }
  48  
  49  function ChangeLanguage( languageCode )
  50  {
  51      window.location.href = window.location.pathname + "?" + languageCode ;
  52  }
  53  
  54      </script>
  55  </head>
  56  <body>
  57      <h1>
  58          FCKeditor - JavaScript - Sample 5</h1>
  59      <div>
  60          This sample shows how to change the editor skin.
  61      </div>
  62      <hr />
  63      <table cellpadding="0" cellspacing="0" border="0">
  64          <tr>
  65              <td>
  66                  Select the skin to load:&nbsp;
  67              </td>
  68              <td>
  69                  <select id="cmbSkins" onchange="ChangeLanguage(this.value);" style="visibility: hidden">
  70                      <option value="default" selected="selected">Default</option>
  71                      <option value="office2003">Office 2003</option>
  72                      <option value="silver">Silver</option>
  73                  </select>
  74              </td>
  75          </tr>
  76      </table>
  77      <br />
  78      <form action="sampleposteddata.asp" method="post" target="_blank">
  79          <script type="text/javascript">
  80  <!--
  81  // Automatically calculates the editor base path based on the _samples directory.
  82  // This is usefull only for these samples. A real application should use something like this:
  83  // oFCKeditor.BasePath = '/fckeditor/' ;    // '/fckeditor/' is the default value.
  84  var sBasePath = document.location.pathname.substring(0,document.location.pathname.lastIndexOf('_samples')) ;
  85  
  86  // Get the skin from the URL.
  87  var sSkin ;
  88  if ( document.location.search.length > 1 )
  89      sSkin = document.location.search.substr(1) ;
  90  
  91  var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
  92  oFCKeditor.BasePath    = sBasePath ;
  93  
  94  if ( sSkin != null )
  95  {
  96      var sSkinPath = sBasePath + 'editor/skins/' + sSkin + '/' ;
  97      oFCKeditor.Config['SkinPath'] = sSkinPath ;
  98  
  99      // The following switch is optional. It is done to enhance the loading
 100      // time of the toolbar, by preloading the images used on it.
 101      switch ( sSkin )
 102      {
 103          case 'office2003' :
 104              oFCKeditor.Config['PreloadImages'] =
 105                  sSkinPath + 'images/toolbar.start.gif' + ';' +
 106                  sSkinPath + 'images/toolbar.end.gif' + ';' +
 107                  sSkinPath + 'images/toolbar.bg.gif' + ';' +
 108                  sSkinPath + 'images/toolbar.buttonarrow.gif' ;
 109              break ;
 110              
 111          case 'silver' :
 112              oFCKeditor.Config['PreloadImages'] =
 113                  sSkinPath + 'images/toolbar.start.gif' + ';' +
 114                  sSkinPath + 'images/toolbar.end.gif' + ';' +
 115                  sSkinPath + 'images/toolbar.buttonbg.gif' + ';' +
 116                  sSkinPath + 'images/toolbar.buttonarrow.gif' ;
 117              break ;
 118      }
 119  }
 120  
 121  oFCKeditor.Value    = 'This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor</a>.' ;
 122  oFCKeditor.Create() ;
 123  //-->
 124          </script>
 125          <br />
 126          <input type="submit" value="Submit" />
 127      </form>
 128  </body>
 129  </html>