execCommand 簡單富文字框

execCommand

當一個 HTML 文件切換到設計模式（designMode）時，文件物件暴露

execCommand

方法，該方法允許執行命令來操縱可編輯區域的內容。大多數命令影響文件的選擇（粗體，斜體等），而其他命令插入新元素（新增連結）或影響整行（縮排）。當使用

contentEditable

時，呼叫

execCommand（）

將影響當前活動的可編輯元素。

1.用法:

bool = document。execCommand（aCommandName， aShowDefaultUI， aValueArgument）

1。 返回值

一個

Boolean型別

，如果是

false

則表示操作不被支援或未被啟用。

2。 引數2。1 aCommandName

一個 DOMString ，命令的名稱。可用命令列表請參閱 命令 。

2。2 aShowDefaultUI

一個 Boolean 是否展示使用者介面，一般為 false。Mozilla 沒有實現。

2。3 aValueArgument

一些命令需要一些額外的引數值（如insertimage需要提供這個image的url）。預設為null。

3。 命令（只選取一些下面程式碼有用到的命令）3。1 bold

開啟或關閉選中文字或插入點的粗體字效果。IE 瀏覽器使用

標籤，而不是

標籤。

3。2 copy

拷貝當前選中內容到剪貼簿。啟用這個功能的條件因瀏覽器不同而不同，而且不同時期，其啟用條件也不盡相同。使用之前請檢查瀏覽器兼容表，以確定是否可用。

3。3 fontSize

在插入點或者選中文字部分修改字型大小。 需要提供一個HTML字型尺寸 （1-7） 作為引數。

3。4 hiliteColor

更改選擇或插入點的背景顏色。需要一個顏色值字串作為值引數傳遞。 UseCSS 必須開啟此功能。（IE瀏覽器不支援）

3。5 italic

在游標插入點開啟或關閉斜體字。 （Internet Explorer 使用 EM 標籤，而不是 I ）

3。6 underline

在游標插入點開啟或關閉下劃線。

4。 簡單富文字例子image

（沒加樣式比較粗糙）

［複製程式碼

］（javascript：void（0）； “複製程式碼”）

Title

加粗

複製

變大

斜體

下劃線

背景色

上傳

［複製程式碼

］（javascript：void（0）； “複製程式碼”）

5.參考

更多詳情及命令：https：//developer。mozilla。org/zh-CN/docs/Web/API/Document/execCommand