📄 ext.form.htmleditor.html
字号:
<!--Mock<link rel="stylesheet" type="text/css" href="http://localhost/ext/resources/css/ext-all.css" /><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/docs.css"/><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/style.css"/>--><style type="text/css"> body { overflow: scroll; } /** .mdesc .long { display: block; } */</style><!-- End Mock--><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.form.HtmlEditor-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.form.HtmlEditor-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.form.HtmlEditor-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.form.HtmlEditor-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.form.HtmlEditor"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class Ext.form.HtmlEditor</h1> <table cellspacing="0"> <!-- <tr> <td class="label"> Package: </td> <td class="hd-info"> </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"> Ext.form.HtmlEditor </td> </tr> <tr> <td class="label"> Extends: </td> <td class="hd-info"> Ext.form.Field </td> </tr> </table> <div class="description"> 提供一个轻量级的 HTML 编辑器组件。
<br><br><b>注意: 此组件不支持由 Ext.form.Field 继承而来的 focus/blur 和效验函数。</b><br/><br/>
编辑器组件是非常敏感的, 因此它并不能应用于所有标准字段的场景。在 Safari 和 Firefox 中, 在任何 display 属性被设置为 'none' 的元素中使用该组件都会造成错误<br/><br/>
<b>注意:</b> 在 Ext 1.1 中, 一个页面只能使用一个 HtmlEditor 组件。而在 Ext 2.0+ 没有这个限制了。
</div> <div class="hr"> </div> <a id="Ext.form.HtmlEditor-configs"></a> <h2>配置项</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2"> 配置项 </th> <th class="msource-header"> 定义者 </th> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="enableFormat-header"></a> <b>enableFormat</b> : Boolean <div class="mdesc"> <div class="short"> 允许粗体、斜体和下划线按钮(默认为 true)
</div> <div class="long"> 允许粗体、斜体和下划线按钮(默认为 true)
</div> </div> </td> <td class="msource"> HtmlEditor </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="enableFontSize-header"></a> <b>enableFontSize</b> : Boolean <div class="mdesc"> <div class="short"> 允许增大/缩小字号按钮(默认为 true)
</div> <div class="long"> 允许增大/缩小字号按钮(默认为 true)
</div> </div> </td> <td class="msource"> HtmlEditor </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="enableColors-header"></a> <b>enableColors</b> : Boolean <div class="mdesc"> <div class="short"> 允许前景/高亮颜色按钮(默认为 true)
</div> <div class="long"> 允许前景/高亮颜色按钮(默认为 true)
</div> </div> </td> <td class="msource"> HtmlEditor </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="enableAlignments-header"></a> <b>enableAlignments</b> : Boolean <div class="mdesc"> <div class="short"> 允许居左、居中、居右按钮(默认为 true)
</div> <div class="long"> 允许居左、居中、居右按钮(默认为 true)
</div> </div> </td> <td class="msource"> HtmlEditor </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="enableLists-header"></a> <b>enableLists</b> : Boolean <div class="mdesc"> <div class="short"> 允许项目和列表符号按钮。Safari 中无效。(默认为 true)
</div> <div class="long"> 允许项目和列表符号按钮。Safari 中无效。(默认为 true)
</div> </div> </td> <td class="msource"> HtmlEditor </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="enableSourceEdit-header"></a> <b>enableSourceEdit</b> : Boolean <div class="mdesc"> <div class="short"> 允许切换到源码编辑按钮。Safari 中无效。(默认为 true)
</div> <div class="long"> 允许切换到源码编辑按钮。Safari 中无效。(默认为 true)
</div> </div> </td> <td class="msource"> HtmlEditor </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="enableLinks-header"></a> <b>enableLinks</b> : Boolean <div class="mdesc"> <div class="short"> 允许创建链接按钮。Safari 中无效。(默认为 true)
</div> <div class="long"> 允许创建链接按钮。Safari 中无效。(默认为 true)
</div> </div> </td> <td class="msource"> HtmlEditor </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="enableFont-header"></a> <b>enableFont</b> : Boolean <div class="mdesc"> <div class="short"> 允许字体选项。Safari 中无效。(默认为 true)
</div> <div class="long"> 允许字体选项。Safari 中无效。(默认为 true)
</div> </div> </td> <td class="msource"> HtmlEditor </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="createLinkText-header"></a> <b>createLinkText</b> : String <div class="mdesc"> <div class="short"> 创建链接时提示的默认文本
</div> <div class="long"> 创建链接时提示的默认文本
</div> </div> </td> <td class="msource"> HtmlEditor </td> </tr> <tr class="config-row expandable"> <td class="micon">
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -