[Sommaire] [Imprimer]

   1  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
   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: 004.html
  23   *     Test page.
  24   * 
  25   * File Authors:
  26   *         Frederico Caldeira Knabben (www.fckeditor.net)
  27  -->
  28  <html>
  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="testcases.css" rel="stylesheet" type="text/css">
  34          <script type="text/javascript" src="../fckeditor.js"></script>
  35          <script language="javascript">
  36  
  37  function Show()
  38  {
  39      document.getElementById('eEditor').style.display    = '' ;
  40      document.getElementById('eNoEditor').style.display    = 'none' ;
  41  
  42      // This is a hack for Gecko... it stops editing when the editor is hidden.
  43      if ( !document.all )
  44      {
  45          var oEditor = FCKeditorAPI.GetInstance( 'FCKeditor1' ) ;
  46          
  47          if (  oEditor.EditMode == FCK_EDITMODE_WYSIWYG )
  48              oEditor.MakeEditable() ;
  49      }
  50  }
  51  
  52  function Hide()
  53  {
  54      document.getElementById('eEditor').style.display    = 'none' ;
  55      document.getElementById('eNoEditor').style.display    = '' ;
  56  }
  57  
  58          </script>
  59      </head>
  60      <body>
  61          <h1 id="Prova">FCKeditor - Test 004</h1>
  62          <P>
  63              <STRONG>Expected results</STRONG> : The editor must still work when hidding it 
  64              programmatically (through javascript).<BR>
  65              <STRONG>Configurations</STRONG>: Default<BR>
  66              <STRONG>Steps to&nbsp;Reproduce</STRONG>:
  67          </P>
  68          <OL>
  69              <LI>
  70              Wait the page to load.
  71              <LI>
  72              Hit the "Show Editor" button.
  73              <LI>
  74              Insert some text and format it.
  75              <LI>
  76              Hit the "Hide Editor" button.
  77              <LI>
  78              Hit the "Submit" and check the posted HTML.
  79              <LI>
  80              Close the "Submit" window.
  81              <LI>
  82              Hit the "Show Editor" button.
  83              <LI>
  84                  Repeat steps 2 and 4.</LI></OL>
  85          <P>
  86              <hr>
  87          <P></P>
  88          <form action="sampleposteddata.asp" method="post" target="_blank">
  89              <div id="eNoEditor">
  90                  <input type="button" value="Show Editor" onclick="Show();">
  91              </div>
  92              <div id="eEditor" style="DISPLAY: none">
  93                  <input type="button" value="Hide Editor" onclick="Hide();">
  94                  <br><br>
  95                  <script type="text/javascript">
  96  <!--
  97  // Automatically calculates the editor base path based on the _samples directory.
  98  // This is usefull only for these samples. A real application should use something like this:
  99  // oFCKeditor.BasePath = '/fckeditor/' ;    // '/fckeditor/' is the default value.
 100  var sBasePath = document.location.pathname.substring(0,document.location.pathname.lastIndexOf('_testcases')) ;
 101  
 102  var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
 103  oFCKeditor.BasePath    = sBasePath ;
 104  oFCKeditor.Value    = 'This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor</a>.' ;
 105  oFCKeditor.Create() ;
 106  //-->
 107                  </script>
 108              </div>
 109              <br>
 110              <input type="submit" value="Submit">
 111          </form>
 112      </body>
 113  </html>