[Sommaire] [Imprimer]

   1  <com:TContent ID="body" >
   2  
   3  <h1 id="2801">THtmlArea</h1>
   4  <com:DocLink ClassPath="System.Web.UI.WebControls.THtmlArea" />
   5  
   6  <p>
   7  <tt>THtmlArea</tt> displays a WYSIWYG text input field on a Web page to collect input in HTML format. The text displayed in the <tt>THtmlArea</tt> control is specified or determined by using the <tt>Text</tt> property. To adjust the size of the input region, set <tt>Width</tt> and <tt>Height</tt> properties instead of <tt>Columns</tt> and <tt>Rows</tt> because the latter has no meaning under this situation.  To disable the WYSIWYG feature, set <tt>EnableVisualEdit</tt> to false.
   8  </p>
   9  
  10  <p>
  11  <tt>THtmlArea</tt> provides the WYSIWYG feature by wrapping the functionalities provided by the <a href="http://tinymce.moxiecode.com/">TinyMCE project</a>.
  12  </p>
  13  
  14  <p>
  15  The default editor gives only the basic tool bar. To change or add additional tool bars, use the <tt>Options</tt> property to add additional editor options with each options on a new line. See <a href="http://tinymce.moxiecode.com/tinymce/docs/index.html">TinyMCE website</a> for a complete list of options. The following example displays a toolbar specific for HTML table manipulation,
  16  </p>
  17  <com:TTextHighlighter Language="prado" CssClass="source">
  18  &lt;com:THtmlArea&gt;
  19    &lt;prop:Options&gt;
  20      plugins : "table"
  21      theme_advanced_buttons3 : "tablecontrols"
  22    &lt;/prop:Options&gt;
  23  &lt;/com:THtmlArea&gt;
  24  </com:TTextHighlighter>
  25  
  26  <p>
  27  The client-side visual editing capability is supported by Internet Explorer 5.0+ for Windows and Gecko-based browser. If the browser does not support the visual editing, a traditional textarea will be displayed.
  28  </p>
  29  
  30  <pre>
  31                  Windows XP        MacOS X 10.4
  32  ----------------------------------------------------
  33  MSIE 6                  OK
  34  MSIE 5.5 SP2            OK
  35  MSIE 5.0                OK
  36  Mozilla 1.7.x           OK              OK
  37  Firefox 1.0.x           OK              OK
  38  Firefox 1.5b2           OK              OK
  39  Safari 2.0 (412)                        OK(1)
  40  Opera 9 Preview 1       OK(1)           OK(1)
  41  ----------------------------------------------------
  42  (1) - Partially working
  43  ----------------------------------------------------
  44  </pre>
  45  
  46  <com:RunBar PagePath="Controls.Samples.THtmlArea.Home" />
  47  
  48  </com:TContent>