[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: sample12.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  // The following function is used in this samples to reload the page,
  38  // setting the querystring parameters for the enter mode.
  39  function ChangeMode()
  40  {
  41      var sEnterMode = document.getElementById('xEnter').value ;
  42      var sShiftEnterMode = document.getElementById('xShiftEnter').value ;
  43  
  44      window.location.href = window.location.pathname + '?enter=' + sEnterMode + '&shift=' + sShiftEnterMode ;
  45  }
  46  
  47      </script>
  48  </head>
  49  <body>
  50      <h1>
  51          FCKeditor - JavaScript - Sample 12</h1>
  52      <div>
  53          This sample shows the different ways to configure the [Enter] key behavior on FCKeditor.
  54      </div>
  55      <hr />
  56      <table cellpadding="0" cellspacing="0" border="0">
  57          <tr>
  58              <td>
  59                  When [Enter] is pressed:&nbsp;
  60              </td>
  61              <td>
  62                  <select id="xEnter" onchange="ChangeMode();">
  63                      <option value="p" selected="selected">Create new &lt;P&gt;</option>
  64                      <option value="div">Create new &lt;DIV&gt;</option>
  65                      <option value="br">Break the line with a &lt;BR&gt;</option>
  66                  </select>
  67              </td>
  68          </tr>
  69          <tr>
  70              <td>
  71                  When [Shift] + [Enter] is pressed:&nbsp;
  72              </td>
  73              <td>
  74                  <select id="xShiftEnter" onchange="ChangeMode();">
  75                      <option value="p">Create new &lt;P&gt;</option>
  76                      <option value="div">Create new &lt;DIV&gt;</option>
  77                      <option value="br" selected="selected">Break the line with a &lt;BR&gt;</option>
  78                  </select>
  79              </td>
  80          </tr>
  81      </table>
  82      <br />
  83      <form action="sampleposteddata.asp" method="post" target="_blank">
  84          <script type="text/javascript">
  85  <!--
  86  // Automatically calculates the editor base path based on the _samples directory.
  87  // This is usefull only for these samples. A real application should use something like this:
  88  // oFCKeditor.BasePath = '/fckeditor/' ;    // '/fckeditor/' is the default value.
  89  var sBasePath = document.location.pathname.substring(0,document.location.pathname.lastIndexOf('_samples')) ;
  90  
  91  // The following are the default configurations for the Enter and Shift+Enter modes.
  92  var sEnterMode = 'p' ;
  93  var sShiftEnterMode = 'br' ;
  94  
  95  // Try to get the new configurations from the querystring, if available.
  96  if ( document.location.search.length > 1 )
  97  {
  98      var aMatch = document.location.search.match( /enter=(p|div|br)/ ) ;
  99      if ( aMatch )
 100          sEnterMode = aMatch[1] ;
 101  
 102      aMatch = document.location.search.match( /shift=(p|div|br)/ ) ;
 103      if ( aMatch )
 104          sShiftEnterMode = aMatch[1] ;
 105  }
 106  
 107  // Create the FCKeditor instance.
 108  var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
 109  oFCKeditor.BasePath    = sBasePath ;
 110  oFCKeditor.Value    = 'This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor</a>.' ;
 111  
 112  // Enable the Enter Key Handler. This feature will not be available in the release version.
 113  oFCKeditor.Config["DisableEnterKeyHandler"]    = false ;
 114  
 115  // Set the configuration options for the Enter Key mode.
 116  oFCKeditor.Config["EnterMode"]        = sEnterMode ;
 117  oFCKeditor.Config["ShiftEnterMode"]    = sShiftEnterMode ;
 118  
 119  oFCKeditor.Create() ;
 120  
 121  // Update the select combos with the current values.
 122  document.getElementById('xEnter').value = sEnterMode ;
 123  document.getElementById('xShiftEnter').value = sShiftEnterMode ;
 124  
 125  //-->
 126          </script>
 127          <br />
 128          <input type="submit" value="Submit" />
 129      </form>
 130  </body>
 131  </html>