| 1 |
lars |
1 |
<com:TContent ID="body" >
|
|
|
2 |
|
|
|
3 |
<h1 id="2801">THtmlArea</h1>
|
|
|
4 |
<com:DocLink ClassPath="System.Web.UI.WebControls.THtmlArea" />
|
|
|
5 |
|
|
|
6 |
<p id="330264" class="block-content">
|
|
|
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 id="330265" class="block-content">
|
|
|
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 id="330266" class="block-content">
|
|
|
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 block-content" id="code_330105">
|
|
|
18 |
<com:THtmlArea>
|
|
|
19 |
<prop:Options>
|
|
|
20 |
plugins : "table"
|
|
|
21 |
theme_advanced_buttons3 : "tablecontrols"
|
|
|
22 |
</prop:Options>
|
|
|
23 |
</com:THtmlArea>
|
|
|
24 |
</com:TTextHighlighter>
|
|
|
25 |
|
|
|
26 |
<p id="330267" class="block-content">
|
|
|
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 |
<div class="last-modified">$Id: HtmlArea.page 1650 2007-01-24 06:55:32Z wei $</div></com:TContent>
|