303 lines
9.8 KiB
HTML
303 lines
9.8 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>Plugin: style</title>
|
|
<link href="css/screen.css" rel="stylesheet" type="text/css" />
|
|
</head>
|
|
<body>
|
|
|
|
<div class="header">
|
|
<h1>Plugin: style</h1>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<p>Adds CSS style editing support to TinyMCE, this will enable you to edit allmost any CSS style property in a visual way.</p>
|
|
|
|
<h3>Installation Instructions</h3>
|
|
<p>
|
|
<ul>
|
|
<li>Add plugin to TinyMCE plugin option list example: plugins : "style".</li>
|
|
<li>Add the styleprops butto names to button list, example: theme_advanced_buttons3_add : "styleprops".</li>
|
|
</ul>
|
|
</p>
|
|
<h3>Initialization Example</h3>
|
|
<p>
|
|
<div class="example">
|
|
<pre>
|
|
tinyMCE.init({
|
|
theme : "advanced",
|
|
mode : "textareas",
|
|
plugins : "<strong>style</strong>",
|
|
theme_advanced_buttons3_add : "<strong>styleprops</strong>"
|
|
});</pre>
|
|
</div>
|
|
</p>
|
|
<br />
|
|
|
|
<h3>Options</h3>
|
|
<p>
|
|
<table border="1" cellspacing="0" cellpadding="4">
|
|
<tr>
|
|
<td>[style_font]</td>
|
|
<td>Semicolon separated list of select box option name/values. Default: Arial, Helvetica, sans-serif=Arial, Helvetica, sans-serif;Times New Roman, Times, serif=Times New Roman, Times, serif;Courier New, Courier, mono=Courier New, Courier, mono;Times New Roman, Times, serif=Times New Roman, Times, serif;Georgia, Times New Roman, Times, serif=Georgia, Times New Roman, Times, serif;Verdana, Arial, Helvetica, sans-serif=Verdana, Arial, Helvetica, sans-serif;Geneva, Arial, Helvetica, sans-serif=Geneva, Arial, Helvetica, sans-serif</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_font_size]</td>
|
|
<td>Semicolon separated list of select box option name/values. In format key1=value1;key2=value2;..</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_font_size_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_text_case]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_font_weight]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_font_style]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_font_variant]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_font_line_height]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_font_line_height_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_background_attachment]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_background_repeat]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_background_hpos_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_background_vpos_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_background_hpos]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_background_vpos]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_wordspacing]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_wordspacing_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_letterspacing]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_letterspacing_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_vertical_alignment]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_text_align]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_whitespace]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_display]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_text_indent_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_box_width_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_box_height_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_float]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_clear]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_padding_left_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_padding_top_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_padding_bottom_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_padding_right_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_margin_left_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_margin_top_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_margin_bottom_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_margin_right_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_border_style_top]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_border_style_right]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_border_style_bottom]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_border_style_left]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_border_width_top]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_border_width_right]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_border_width_bottom]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_border_width_left]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_border_width_top_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_border_width_right_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_border_width_bottom_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_border_width_left_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_list_type]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_list_position]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_positioning_type]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_positioning_visibility]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_positioning_width_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_positioning_height_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_positioning_overflow]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_positioning_placement_top_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_positioning_placement_right_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_positioning_placement_bottom_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_positioning_placement_left_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_positioning_clip_top_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_positioning_clip_right_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_positioning_clip_bottom_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>[style_positioning_clip_left_measurement]</td>
|
|
<td>Semicolon separated list of select box option name/values.</td>
|
|
</tr>
|
|
</table>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<div class="helpindexlink"><a href="index.html">Index</a></div>
|
|
<div class="copyright">Copyright © 2003-2006 <a href="http://www.moxiecode.com">Moxiecode Systems AB</a></div>
|
|
<br style="clear: both" />
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|