[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: 010.html
  23   *     Test 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="testcases.css" rel="stylesheet" type="text/css" />
  34      <script type="text/javascript" src="../fckeditor.js"></script>
  35      <script type="text/javascript">
  36  
  37  function SubmitForm()
  38  {
  39      document.forms[0].submit() ;
  40  }
  41  
  42  function SetToolbar( toolbarName )
  43  {
  44      // Get the editor instance that we want to interact with.
  45      var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
  46      oEditor.ToolbarSet.Load( toolbarName ) ;
  47  }
  48  
  49      </script>
  50  </head>
  51  <body>
  52      <h1>
  53          FCKeditor - Test 010</h1>
  54      <p>
  55          <strong>Expected results</strong>: The editor content must be loaded and the the
  56          user must be able to change the toolbar dinamically (without reloading the page).<br />
  57          <strong>Configurations</strong>: Default<br />
  58          <strong>Steps to&nbsp;Reproduce</strong>:
  59      </p>
  60      <ol>
  61          <li>Wait the editor to load.</li>
  62          <li>Select some text and format it.</li>
  63          <li>Select the "Basic" toolbar.</li>
  64          <li>Format more text.</li>
  65          <li>Select the "Default" toolbar.</li>
  66          <li>Go to "Source" view.</li>
  67          <li>Select the "Basic" toolbar.</li>
  68          <li>Select the "Default" toolbar.</li>
  69          <li>Go to "WYSIWYG" view.</li>
  70          <li>Hit submit button and check the posted data.</li></ol>
  71      <hr />
  72      <p>
  73          Select the toolbar you want to load:<br />
  74          <select onchange="SetToolbar( this.value );">
  75              <option value="Default" selected="selected">Default</option>
  76              <option value="Basic">Basic</option>
  77          </select>
  78      </p>
  79      <form action="sampleposteddata.asp" method="post" target="_blank">
  80          <script type="text/javascript">
  81  <!--
  82  // Automatically calculates the editor base path based on the _samples directory.
  83  // This is usefull only for these samples. A real application should use something like this:
  84  // oFCKeditor.BasePath = '/fckeditor/' ;    // '/fckeditor/' is the default value.
  85  var sBasePath = document.location.pathname.substring(0,document.location.pathname.lastIndexOf('_testcases')) ;
  86  
  87  var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
  88  oFCKeditor.BasePath    = sBasePath ;
  89  oFCKeditor.Value    = 'This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor</a>.' ;
  90  oFCKeditor.Create() ;
  91  //-->
  92          </script>
  93          <br />
  94          <input type="submit" value="Submit" />
  95      </form>
  96  </body>
  97  </html>