ext.form.htmleditor.html.svn-base
来自「PHP 知识管理系统（基于树结构的知识管理系统）, 英文原版的PHP源码。」· SVN-BASE 代码 · 共 1,043 行 · 第 1/5 页
SVN-BASE
1,043 行
<div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.form.HtmlEditor-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.form.HtmlEditor-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.form.HtmlEditor-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.form.HtmlEditor-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.form.HtmlEditor"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </div> <div class="inheritance res-block"><pre class="res-block-inner"><a ext:cls="Ext.util.Observable" ext:member="" href="output/Ext.util.Observable.html">Observable</a> <img src="resources/elbow-end.gif"/><a ext:cls="Ext.Component" ext:member="" href="output/Ext.Component.html">Component</a> <img src="resources/elbow-end.gif"/><a ext:cls="Ext.BoxComponent" ext:member="" href="output/Ext.BoxComponent.html">BoxComponent</a> <img src="resources/elbow-end.gif"/><a ext:cls="Ext.form.Field" ext:member="" href="output/Ext.form.Field.html">Field</a> <img src="resources/elbow-end.gif"/>HtmlEditor</pre></div> <h1>Class Ext.form.HtmlEditor</h1> <table cellspacing="0"> <tr><td class="label">Package:</td><td class="hd-info">Ext.form</td></tr> <tr><td class="label">Defined In:</td><td class="hd-info">HtmlEditor.js</td></tr> <tr><td class="label">Class:</td><td class="hd-info">HtmlEditor</td></tr> <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.form.Field" ext:member="" href="output/Ext.form.Field.html">Field</a></td></tr> </table> <div class="description"> Provides a lightweight HTML Editor component. Some toolbar features are not supported by Safari and will be automatically hidden when needed. These are noted in the config options where appropriate.<br><br>The editor's toolbar buttons have tooltips defined in the <a ext:cls="Ext.form.HtmlEditor" ext:member="buttonTips" href="output/Ext.form.HtmlEditor.html#buttonTips">buttonTips</a> property, but they are not enabled by default unless the global <a ext:cls="Ext.QuickTips" href="output/Ext.QuickTips.html">Ext.QuickTips</a> singleton is <a ext:cls="Ext.QuickTips" ext:member="init" href="output/Ext.QuickTips.html#init">initialized</a>.<br><br><b>Note: The focus/blur and validation marking functionality inherited from Ext.form.Field is NOTsupported by this editor.</b><br><br>An Editor is a sensitive component that can't be used in all spots standard fields can be used. Putting an Editor withinany element that has display set to 'none' can cause problems in Safari and Firefox due to their default iframe reloading bugs.<br><br>Example usage:<pre><code><i>// Simple example rendered <b>with</b> default options:</i>Ext.QuickTips.init(); <i>// enable tooltips</i><b>new</b> Ext.form.HtmlEditor({ renderTo: Ext.getBody(), width: 800, height: 300});<i>// Passed via xtype into a container and <b>with</b> custom options:</i>Ext.QuickTips.init(); <i>// enable tooltips</i><b>new</b> Ext.Panel({ title: <em>'HTML Editor'</em>, renderTo: Ext.getBody(), width: 600, height: 300, frame: true, layout: <em>'fit'</em>, items: { xtype: <em>'htmleditor'</em>, enableColors: false, enableAlignments: false }});</code></pre> </div> <div class="hr"></div> <a id="Ext.form.HtmlEditor-configs"></a> <h2>Config Options</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2">Config Options</th> <th class="msource-header">Defined By</th> </tr> <tr class="config-row inherited expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.HtmlEditor-autoShow"></a>
<b>autoShow</b> : Boolean <div class="mdesc">
<div class="short">True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove them on render...</div>
<div class="long">
True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove them on render (defaults to false). </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#autoShow" href="output/Ext.Component.html#autoShow">Component</a></td>
</tr>
<tr class="config-row inherited alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.HtmlEditor-clearCls"></a>
<b>clearCls</b> : String <div class="mdesc">
The CSS class used to provide field clearing (defaults to 'x-form-clear-left') </div>
</td>
<td class="msource"><a ext:cls="Ext.form.Field" ext:member="#clearCls" href="output/Ext.form.Field.html#clearCls">Field</a></td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.HtmlEditor-createLinkText"></a>
<b>createLinkText</b> : String <div class="mdesc">
The default text for the create link prompt </div>
</td>
<td class="msource">HtmlEditor</td>
</tr>
<tr class="config-row inherited alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.HtmlEditor-ctCls"></a>
<b>ctCls</b> : String <div class="mdesc">
<div class="short">An optional extra CSS class that will be added to this component's container (defaults to ''). This can be useful for...</div>
<div class="long">
An optional extra CSS class that will be added to this component's container (defaults to ''). This can be useful for adding customized styles to the container or any of its children using standard CSS rules. </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#ctCls" href="output/Ext.Component.html#ctCls">Component</a></td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.HtmlEditor-defaultLinkValue"></a>
<b>defaultLinkValue</b> : String <div class="mdesc">
The default value for the create link prompt (defaults to http:/ /) </div>
</td>
<td class="msource">HtmlEditor</td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.HtmlEditor-enableAlignments"></a>
<b>enableAlignments</b> : Boolean <div class="mdesc">
Enable the left, center, right alignment buttons (defaults to true) </div>
</td>
<td class="msource">HtmlEditor</td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.HtmlEditor-enableColors"></a>
<b>enableColors</b> : Boolean <div class="mdesc">
Enable the fore/highlight color buttons (defaults to true) </div>
</td>
<td class="msource">HtmlEditor</td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.HtmlEditor-enableFont"></a>
<b>enableFont</b> : Boolean <div class="mdesc">
Enable font selection. Not available in Safari. (defaults to true) </div>
</td>
<td class="msource">HtmlEditor</td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.HtmlEditor-enableFontSize"></a>
<b>enableFontSize</b> : Boolean <div class="mdesc">
Enable the increase/decrease font size buttons (defaults to true) </div>
</td>
<td class="msource">HtmlEditor</td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.HtmlEditor-enableFormat"></a>
<b>enableFormat</b> : Boolean <div class="mdesc">
Enable the bold, italic and underline buttons (defaults to true) </div>
</td>
<td class="msource">HtmlEditor</td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.HtmlEditor-enableLinks"></a>
<b>enableLinks</b> : Boolean <div class="mdesc">
Enable the create link button. Not available in Safari. (defaults to true) </div>
</td>
<td class="msource">HtmlEditor</td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.HtmlEditor-enableLists"></a>
<b>enableLists</b> : Boolean <div class="mdesc">
Enable the bullet and numbered list buttons. Not available in Safari. (defaults to true) </div>
</td>
<td class="msource">HtmlEditor</td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.HtmlEditor-enableSourceEdit"></a>
<b>enableSourceEdit</b> : Boolean <div class="mdesc">
Enable the switch to source edit button. Not available in Safari. (defaults to true) </div>
</td>
<td class="msource">HtmlEditor</td>
</tr>
<tr class="config-row inherited alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.HtmlEditor-fieldLabel"></a>
<b>fieldLabel</b> : String <div class="mdesc">
The label text to display next to this field (defaults to '') </div>
</td>
<td class="msource"><a ext:cls="Ext.form.Field" ext:member="#fieldLabel" href="output/Ext.form.Field.html#fieldLabel">Field</a></td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.HtmlEditor-fontFamilies"></a>
<b>fontFamilies</b> : Array <div class="mdesc">
An array of available font families </div>
</td>
<td class="msource">HtmlEditor</td>
</tr>
<tr class="config-row inherited alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.HtmlEditor-height"></a>
<b>height</b> : Number <div class="mdesc">
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?