[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: sample09.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      editorInstance.Events.AttachEvent( 'OnBlur'    , FCKeditor_OnBlur ) ;
  40      editorInstance.Events.AttachEvent( 'OnFocus', FCKeditor_OnFocus ) ;
  41  }
  42  
  43  function FCKeditor_OnBlur( editorInstance )
  44  {
  45      editorInstance.ToolbarSet.Collapse() ;
  46  }
  47  
  48  function FCKeditor_OnFocus( editorInstance )
  49  {
  50      editorInstance.ToolbarSet.Expand() ;
  51  }
  52  
  53      </script>
  54  </head>
  55  <body>
  56      <h1>
  57          FCKeditor - JavaScript - Sample 9</h1>
  58      <div>
  59          This sample shows FCKeditor in a more complex form with two different instances.<br />
  60          It also shows and interesting usage of the "OnFocus" and "OnBlur" events available
  61          in the JavaScript API.
  62      </div>
  63      <hr />
  64      <form action="sampleposteddata.asp" method="post" target="_blank">
  65          Normal text field:<br />
  66          <input name="NormaText" value="Plain Text" />
  67          <br />
  68          <br />
  69          FCKeditor with Basic toolbar:
  70          <script type="text/javascript">
  71  <!--
  72  // Automatically calculates the editor base path based on the _samples directory.
  73  // This is usefull only for these samples. A real application should use something like this:
  74  // oFCKeditor.BasePath = '/fckeditor/' ;    // '/fckeditor/' is the default value.
  75  var sBasePath = document.location.pathname.substring(0,document.location.pathname.lastIndexOf('_samples')) ;
  76  
  77  var oFCKeditor = new FCKeditor( 'FCKeditor_Basic' ) ;
  78  
  79  oFCKeditor.Config['ToolbarStartExpanded'] = false ;
  80  
  81  oFCKeditor.BasePath        = sBasePath ;
  82  oFCKeditor.ToolbarSet    = 'Basic' ;
  83  oFCKeditor.Value        = 'This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor</a>.' ;
  84  oFCKeditor.Create() ;
  85  //-->
  86          </script>
  87          <br />
  88          FCKeditor with Default toolbar:
  89          <script type="text/javascript">
  90  <!--
  91  oFCKeditor = new FCKeditor( 'FCKeditor_Default' ) ;
  92  
  93  oFCKeditor.Config['ToolbarStartExpanded'] = false ;
  94  
  95  oFCKeditor.BasePath    = sBasePath ;
  96  oFCKeditor.Value    = 'This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor</a>.' ;
  97  oFCKeditor.Create() ;
  98  //-->
  99          </script>
 100          <br />
 101          <input type="submit" value="Submit" />
 102      </form>
 103  </body>
 104  </html>