[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: 009.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 FCKeditor_OnComplete( editorInstance )
  38  {
  39      // Attach to the event fired when the editor's HTML is set.
  40      editorInstance.Events.AttachEvent( 'OnAfterSetHTML', FCKeditor_OnAfterSetHTML ) ;
  41  }
  42  
  43  function FCKeditor_OnAfterSetHTML( editorInstance )
  44  {
  45      if ( editorInstance.EditMode != FCK_EDITMODE_WYSIWYG )
  46          return ;
  47  
  48      // Get the actual color from the combo.
  49      var sColor = document.getElementById('ActualColor').value ;
  50  
  51      // Set the color of the editor instance.
  52      editorInstance.EditorDocument.body.style.backgroundColor = sColor ;
  53  }
  54  
  55  function SetActualColor()
  56  {
  57      // Get the editor instance that we want to interact with.
  58      var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
  59      
  60      // Call the event function to set the color.
  61      FCKeditor_OnAfterSetHTML( oEditor ) ;
  62  }
  63  
  64      </script>
  65  </head>
  66  <body>
  67      <h1>
  68          FCKeditor - Test 009</h1>
  69      <p>
  70          <strong>Expected results</strong>: The user should be able to background color of
  71          the editor by code.<br />
  72          <strong>Configurations</strong>: Default<br />
  73          <strong>Steps to Reproduce</strong>:
  74      </p>
  75      <ol>
  76          <li>Wait the editor to load.</li>
  77          <li>Type some text.</li>
  78          <li>Change the background color using the combo.</li>
  79          <li>Type more text.</li>
  80          <li>Switch to source view.</li>
  81          <li>Switch back to WYSIWYG. The background color must be the same.</li>
  82          <li>Repeate steps 3 to 6.</li>
  83          <li>Submit the form.</li></ol>
  84      <hr />
  85      <p>
  86          Select a color for the background:<br />
  87          <select id="ActualColor" onchange="SetActualColor();">
  88              <option value="white" selected="selected">White</option>
  89              <option value="red">Red</option>
  90              <option value="green">Green</option>
  91              <option value="gold">Gold</option>
  92          </select>
  93      </p>
  94      <form action="sampleposteddata.asp" method="post" target="_blank">
  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          <br />
 109          <input type="submit" value="Submit" />
 110      </form>
 111  </body>
 112  </html>