首頁 技術優勢 Html 編輯器 - ezEditor
以類別搜尋
以關鍵字搜尋
Html 編輯器 - ezEditor
  

前言  - 網頁的內容排版編輯靈魂工具 – RWD HTML 編輯器

相信大家有從事網頁設計或者網頁的內容編排維護的人,對HTML編輯器應該不陌生,在此為各位鄭重介紹由我司自行研發的響應式 HTML編輯器 - ezEditor,
此編輯器是由我司資深資工程師 丁永偉 先生與公司團隊成員研開發出來的,據我所調查目前應該是全球唯一 首創 真正具有RWD架構的HTML編輯器,也算是台灣之光,
接下來我就開始介紹此編輯器的各項功能與作用,到底它能提供給網頁編輯人員甚麼樣的便利與好處,廢話不多說,馬上就來介紹。



甚麼是 ezEditor Html 網頁排版編輯器?

第一眼乍看下,其外觀似乎感覺不太到與其它編輯器有甚麼太大的差異,這是想當然而,畢竟是編排網頁的Html,因此它還是必須具備原有的傳統功能囉 !
接著,當你再按下 ”插入” 按鈕,如下圖,你便會發現這裡有很多熟悉的名稱功能鍵卻是坊間Html編輯器前所未見的功能。



 
接下來,按下插入功能 Surprise!!,我相信這些功能鍵大家就很陌生了,因為一般外面的Html 編輯器並沒有這麼多功能的,現在就讓大家知道它的妙用處與威力吧!



如下圖示,ezEditor 共區分三個區塊,A工具區、B尺規區、C圖文資料編輯區,除了B尺規區是一般坊間沒有的區塊外,其他大家應該都不陌生,我先來介紹我司自行研發的功能鍵,其它傳統功能鍵我就不多介紹。




接下來我們就針對個別功能鍵做個簡單介紹與用途!!

 

   

行距
字距 
影片
地圖
表格
多欄
腰帶
聯絡表單
常見問答
時間軸
頁籤
按鈕
連續區塊
單一區塊
行距

  • 如下圖位置。



  • 選取要拉大間距的段落文字。




  • 選取文字,然後選擇行距工具為2倍。 





  • 文章呈現2倍的行距。


字距

  • 如下圖位置。



  • 選擇要拉大字距的內容。



  • 選取文字,然後選擇字距工具為 5 倍。




  • 標題呈現10倍的字距。


影片

  • 如下圖位置。



  • 輸入YOUTUBE 影片網址。



  • 馬上看到影片直接嵌入畫面 (不需要再貼原始碼的編輯方式)。

  
  • 若要再編輯此影片,只要點擊影片兩下。



  • 或對影片滑鼠點右鍵選項進入修改包含刪除影片也是如此容易。



地圖
  • 如下圖位置。 





  • 輸入地址 (亦可輸入曾在Google Map註冊登錄過的名稱或地標)。




  • 馬上看到地圖直接嵌入畫面 (不需要再貼原始碼的編輯方式)。 





  • 若要再編輯此地圖,只要點擊地圖兩下。




  • 或對地圖滑鼠點右鍵選項進入修改包含刪除地圖也是如此容易。


表格

  • 如下圖位置。




  • 輸入一些數據與顏色配置。




  • 馬上看到所插入的表格框架呈現。

         
         
         



  • 若要再編輯此表格,只要點擊表格一下,上面編輯功能就顯示於上。





    或者對表格滑鼠點右鍵,同樣進入修改包含刪除表格也是如此容易。

多欄

  • 如下圖位置。



  • 選擇欄位數量配置。

     

     


  • 馬上看到所插入的多欄框架呈現。




  • 若要再編輯此多欄框架,只要點擊多欄框架一下,上面編輯功能就顯示於上。




    或對著多欄框架滑鼠點右鍵,就會顯示多欄設計選項,要修改、刪除多欄也是如此容易。



腰帶
  • 如下圖位置。




  • 選擇欄位數量配置。




  • 馬上看到所插入的背景圖框架呈現。(有勾取背景固定)

      

                                                                                腰帶屬性測試

     

  • 若要再編輯此腰帶框架,只要點擊腰帶框架區一下,同上圖,編輯功能就顯示於上。




    或對著腰帶框架將滑鼠點右鍵,要修改、刪除腰帶也是如此容易。





  • 實際作品案例 :
    http://ching-shung.com
    http://www.cdragonexpress.com/




聯絡表單
常見問答
  • 如下圖位置。


 
  • 填入一些數據後按下確認。



  • 馬上看到所插入的常見問答框架呈現,接著可以在問題欄位與回答欄位內輸入資料 (內容一樣可以圖文影音並茂)。


 
  • 在常見問答框架範圍內,滑鼠點右鍵呈現編輯選項,要新增、修改或刪除問題與項目也是如此容易。

 

時間軸

  • 如下圖位置。

 
  • 填入一些數據後按下確認。



  • 馬上看到所插入的時間軸框架呈現,接著可以在這些欄位內輸入資料。


     


  • 在時間軸框架範圍內,滑鼠點右鍵呈現編輯選項,要新增、修改或刪除問題與項目也是如此容易。



頁籤
  • 如下圖位置。




  • 填入一些數據後按下確認。




  • 馬上看到所插入的頁籤框架呈現,接著可以在這些標題與內容欄位內輸入資料。



  • 在頁籤框架範圍內,滑鼠點右鍵呈現編輯選項,要新增、修改或刪除頁籤與項目也是如此容易。


 
按鈕
  • 如下圖位置。



  • 填入一些數據後按下確認。




  • 馬上看到所插入的按鈕框架呈現。



  • 滑鼠移動到按鈕上效果。


 

連續區塊

  • 如下圖位置。


 
  • 填入一些數據後按下確認。


 
  • 馬上看到所插入的連續區塊框架呈現,接著可以在這些圖片位置上傳圖片,在標題與內容欄位內輸入資料。


 
  • 在連續區塊框架範圍內,滑鼠點右鍵呈現編輯選項,要新增、修改或刪除連續區塊與項目也是如此容易。


 
單一區塊

  • 如下圖位置。



  • 填入一些數據後按下確認。


 
  • 馬上看到所插入的單一區塊框架呈現,接著可以在背景位置上傳圖片,在框架內輸入資料。


 

 

Copyright © 1999 - 2019 泳森國際有限公司 版權所有
TEL: (02)2920-7571
FAX:(02)2920-5629 
 

營業時間 10:30 AM ~ 6:30 PM