萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> html在線編輯器的使用方法

html在線編輯器的使用方法

大家知道html在線編輯嗎?下面我們就給大家詳細介紹一下吧!能夠在網頁上實現許多桌面編輯軟件(如:Word)所具有的強大可視編輯功能;她是一個真正的綠色軟件,不需要在計算機上安裝任何的客戶端軟件;她的易用使得WEB開發人員只要一行代碼即可完成調用。

使用說明

界面概述: 所見即所得的在線編輯器界面主要分為以下三大部分:

菜單欄 編輯器頂部為菜單欄,主要放置各種編輯功能的選項及按鈕圖標,使用者只需點擊圖標或選擇相關選項即可實時對編輯欄編輯的內容進行添加或修改、修飾。

編輯欄 編輯器中部空白處為編輯欄,主要是供使用者輸入及編輯內容所用,同時所編輯的內容全部都是所見即所得,但有部分內容,如活動的圖像、文字、電影等在編輯狀態下只會呈現靜止狀態,需使用者轉換到預覽狀態方可真實再現。

狀態欄 編輯器底部為狀態欄,主要放置轉換編輯器狀態的按鈕圖標,狀態共分為:代碼狀態、編輯狀態(默認)、文本狀態、預覽狀態。具體每種狀態的作用請詳見幫助中心目錄的“狀態欄使用說明”。

菜單欄使用說明:

編輯器菜單欄圖標功能使用說明如下:

:設置字體樣式為粗體。

:設置字體樣式為斜體。

:設置字體樣式為帶下劃線。

:設置字體樣式為帶中劃線。

:設置字體樣式為上標。

:設置字體樣式為下標。

:設置字體變大。

:設置字體樣變小。

:設置內容向左對齊。

:設置內容向右對齊。

:設置內容向中對齊。

:設置內容兩端對齊。

:設置內容以編號列表形式排列。

:設置內容以列表項形式排列。

:減少內容的縮進量。

:增加內容的縮進量。

:設置字體的顏色。

:設置字體背景顏色。

:設置對象背景顏色。

:剪切指定內容。

:復制指定內容。

:粘貼剪貼板中的內容。

:以純文件形式粘貼剪貼板中的內容。

:粘貼從Word中復制的內容,並去除冗余格式。

:刪除指定內容。

:刪除指定內容的格式。

:撒消上次操作。

:恢復上次操作。

:選定所有內容。

:取消選定的內容。

:表單菜單。

:插入文本輸入框。

:插入文字區。

:插入單選按鈕。

:插入復選框。

:插入下拉框。

:插入按鈕。

:插入或修改字幕,即滾動文字。

:插入水平尺。

:插入換行符。

:插入段落。

:插入或修改超級鏈接。

:刪除超級鏈接或標簽。

:圖形熱點鏈接。

:標簽管理。

:表格菜單。

:插入表格...。

:表格屬性...。

:單元格屬性...。

:拆分單元格...。

:表格行屬性...。

:插入行(在上方)。

:插入行(在下方)。

:合並行(向下方)。

:拆分行。

插入列(在左側)。

:插入列(在右側)。

:合並列(向右側)。

:拆分列。

:在指定位置插入或修改欄目框。

:在指定位置插入或修改網頁幀。

:在指定位置插入或修改圖片。

:在指定位置插入Flash動畫。

:在指定位置插入自動播放的媒體文件。

:在指定位置插入其它文件。

:遠程自動文件獲取。

:在指定位置插入EXCEL表格。

:在指定位置插入特殊字符。

:指定位置的背景圖片管理。

:在指定位置插入表情圖標。

:在指定位置插入當前日期。

:在指定位置插入當前時間。

:轉換指定內容為代碼樣式。

:轉換指定內容為引用樣式。

:顯示或隱藏指導方針。

:查找替換功能。

:新建文檔功能。

:相對或絕對位置設置功能。

:上移一層。

:下移一層。

:縮放菜單。

:增高編輯區。

:減小編輯區。

:轉為代碼狀態。

:轉為編輯狀態。

:轉為文本狀態。

:轉為預覽狀態。

:打印全頁。

:保存內容到相關聯的表單。

:打開全屏編輯。

:關閉全屏編輯並返回。

:彈窗保存並返回。

:查看在線使用幫助。

:關於編輯器的版權信息。

:直接訪問eWebEditor站點。

:工具菜單。

:文件視圖菜單。

:編輯菜單。

:對象效果菜單。

:組件菜單。

編輯器菜單欄下拉選項功能使用說明如下:

段落格式:設置文字內容的段落格式,使內容更加條理及便於閱讀。

特殊字體格式:設置文字內容的特殊格式,包括刪除線、飛行文字、移動文字等。

選擇字體:設置文字內容的字體格式,可用自定義字體功能設置列表中沒出列出的字體格式。注:需浏覽者操作系統安裝有相應字體文件才可正常顯示自定義的字體。

字號:設置文字內容的大小。共分7種尺寸。

縮放:放大或縮小編輯區內的內容。

注意事項:

部分提供修改功能的按鍵或選項,只需選擇原來插入的對象,再按同一按鍵或選項,即可進行修改。

部分提供設置功能的按鍵或選項,都可以通過再按一次按鍵或選項來取消前一次的設置。

編輯欄使用說明:

編輯器編輯欄主要放置供使用者編輯內容的編輯框,若內容超出框架寬度或長度的話,會自動出現滾動條。另外還可通過狀態欄的狀態轉換可轉換編輯框的不同編輯狀態。

狀態欄使用說明:

編輯器狀態欄放置有編輯器狀態轉換欄,共有四種狀態可供轉換,詳細如下:

編輯狀態(默認),在此狀態下所有編輯的內容皆為所見即所得的方式。

代碼狀態,在此狀態下所有編輯的內容皆以HTML標記源代碼方式顯示或編輯。

文本狀態,在此狀態下所有編輯的內容皆以純文本方式顯示或編輯。

預覽狀態,在此狀態下所有內容皆以不可編輯的頁面輸出方式顯示,可利用此狀態預覽編輯內容輸出後的效果。

使用技巧:

乾坤小挪移 如果在網絡上看到哪篇文章或新聞甚至頁面覺得不錯的話,可以用鼠標將相應頁面內容全部選擇起來後,直接拖動或復制到編輯器的編輯框即可,而且原頁面上的圖片、文字、CSS樣式、動態效果等都能原封不動地轉移到編輯框,不用修改或添加任何代碼。

巧用插入自動播放媒體功能 插入自動播放媒體功能可以自動識別各種媒體格式並用相應的播放器在頁面自動播放,而且這個功能還能識別圖像文件,壓縮文件等。大家可以充分利用此功能編輯出更多色聲俱全的內容。

靈活運用預覽狀態 編輯內容中帶有動態效果、即時播放媒體、GIF動畫等活動內容時,編輯狀態中只能顯示靜態的圖像或播放器界面,這時只需要將狀態轉換為預覽狀態就可以馬上看到這些內容的動態實時效果,如果想繼續編輯的話,只需再轉換到編輯狀態即可。

相信大家已經學會html在線編輯了吧!感謝大家對我們網站的支持!

相關推薦:

html顏色表大全 

copyright © 萬盛學電腦網 all rights reserved