js-原生execCommand

一个HTML文档被切换到时designMode，它的document对象公开了一个execCommand方法来运行操作当前可编辑区域的命令，例如表单输入或contentEditable元素。

大多数命令会影响文档的选择（粗体，斜体等），而其他命令会插入新元素（添加链接）或影响整行（缩进）。使用contentEditable时execCommand()会影响当前活动的可编辑元素。

命令参数：

backColor: 更改文档背景颜色。在 styleWithCss 模式中，它会影响包含块的背景颜色。这需要将 <color> 值字符串作为值参数传入。请注意，Internet Explorer使用它来设置文本背景颜色。
bold: 为选择或插入点切换粗体开/关。Internet Explorer使用  标记而不是  。

ClearAuthenticationCache: 清除缓存中的所有认证凭证。

contentReadOnly: 使内容文档为只读或可编辑。这需要一个布尔值true / false作为值参数。（不受Internet Explorer支持。）
copy: 将当前选择复制到剪贴板。启用此行为的条件因浏览器而异，随着时间的推移而发生变化。检查兼容性表以确定您是否可以在您的情况下使用它。
createLink: 从选择中创建一个超链接，但前提是有选择。需要一个 URI 字符串作为超链接的值参数 href 。该URI必须包含至少一个单个字符，可能是空格。（Internet Explorer将创建一个带有 null 值的链接。）
cut: 删除当前选择并将其复制到剪贴板。启用此行为时，浏览器之间会有所不同，并且其条件随着时间的推移而发生变化。检查兼容性表以了解使用详细信息。
decreaseFontSize:  围绕选择或插入点添加标签。（不受Internet Explorer支持。）
defaultParagraphSeparator: 更改在可编辑文本区域中创建新段落时使用的段落分隔符。有关更多详细信息，请参阅标记生成中的差异。
delete: 删除当前选择。
enableInlineTableEditing: 启用或禁用表格行/列插入和删除控件。（不受Internet Explorer支持。）
enableObjectResizing: 启用或禁用图像和其他可调整大小的对象上的调整大小手柄。（不受Internet Explorer支持。）
fontName: 更改选择或插入点的字体名称。这需要一个字体名称字符串（like "Arial" ）作为值参数。
fontSize: 更改选择或插入点的字体大小。这需要一个从 1 - 7 作为值参数的整数。
foreColor: 更改选择或插入点的字体颜色。这需要十六进制颜色值字符串作为值参数。
formatBlock: 在包含当前选择的行的周围添加一个HTML块级元素，替换包含该行的块元素（在Firefox中 <blockquote> 是例外 - 它将包装任何包含块元素的行）。需要标签名称字符串作为值参数。几乎所有的块级元素都可以使用。（Internet Explorer仅支持标题标签 H1 - H6 ， ADDRESS 和 PRE ，必须用尖括号包装，例如 "<H1>" 。）
forwardDelete: 删除光标位置前面的字符，与敲击Windows键盘上的Delete键相同。
heading: 围绕选择或插入点行添加标题元素。要求标签名称字符串作为值参数（即 "H1" ， "H6" ）。（不支持Internet Explorer和Safari。）
hiliteColor: 更改选择或插入点的背景颜色。需要颜色值字符串作为值参数。 useCSS 必须 true 为此发挥作用。（不受Internet Explorer支持。）
increaseFontSize: <big> 围绕选择或插入点添加标签。（不受Internet Explorer支持。）
indent: 缩进包含选择或插入点的行。在Firefox中，如果选区在不同级别的缩进中跨越多行，则只会缩进选区中最小的缩进行。
insertBrOnReturn: 控制Enter键是插入   元素还是将当前块元素分成两部分。（不受Internet Explorer支持。）
insertHorizontalRule: <hr> 在插入点插入一个元素，或用它替换选择。
insertHTML: 在插入点插入一个HTML字符串（删除选择）。需要有效的HTML字符串作为值参数。（不受Internet Explorer支持。）
insertImage: 在插入点插入图像（删除选择）。需要图像的URL字符串 src 作为值参数。这个字符串的要求与 createLink 。
insertOrderedList: 为选择或插入点创建一个编号的有序列表。
insertUnorderedList: 为选择或插入点创建项目符号无序列表。
insertParagraph: 在选区或当前行周围插入一段。（Internet Explorer在插入点处插入段落并删除选择。）
insertText: 在插入点处插入给定的纯文本（删除选择）。
italic: 为选择或插入点切换开启/关闭斜体。（Internet Explorer使用该  元素而不是  。）
justifyCenter: 居中选择或插入点。
justifyFull: 证明选择或插入点。
justifyLeft: 证明选择或插入点在左边。
justifyRight: 将选择或插入点右对齐。
outdent: 将包含选择或插入点的行放大。
paste: 在插入点粘贴剪贴板内容（替换当前选择）。禁用网页内容。见[1]。
redo: 重做之前的撤销命令。
removeFormat: 从当前选择中删除所有格式。
selectAll: 选择可编辑区域的所有内容。
strikeThrough: 为选择或插入点切换删除线的开启/关闭。
subscript: 为选择或插入点切换下标打开/关闭。
superscript: 为选择或插入点切换上 /下标。
underline: 为选择或插入点切换打开/关闭下划线。
undo: 取消最后执行的命令。
unlink: 从选定的超链接中移除锚点元素。
useCSS: 切换为生成的标记使用HTML标记或CSS。需要布尔值true / false作为值参数。; 注意：此参数在逻辑上反向（即用于 false 使用CSS， true 以使用HTML）并且不受Internet Explorer支持。这已被弃用赞成 styleWithCSS 。
styleWithCSS: 替换 useCSS 命令。在标记中 true 修改/生成 style 属性，假生成表示元素。

猜你喜欢