<-- IE錯誤修正 --> Tables Generator 線上製作產生表格 HTML、LaTeX、Markdown 原始碼 - RiS社群 | FileMaker 跨平台企業應用



快速發表主題
返回   RiS社群 | FileMaker 跨平台企業應用 > 交流平台 / 老少咸宜 (General forums) > 創意新點子 + 遇(預)見新未來 + IT 新知/技術 (Future) > 精選好用APP等相關網站資源 (Website Reviews)

精選好用APP等相關網站資源 (Website Reviews) 本區除了同步注入"免費資源網路社群 "最新資訊外,也不定時將一些提供更多值得關注的App或網站介紹,盡量滿足男女老少們喜愛!


FileMaker 教學 FileMaker 14 教學課程 FileMaker 教學
FileMaker 課程(僅接受公司/單位或1對1專屬教學

輕鬆學會FileMaker
帶你認識FileMaker

FileMaker俱樂部 加入FileMaker獲取官方資訊 FileMaker俱樂部
FileMaker俱樂部

回覆
 
LinkBack 主題工具 顯示模式
  #1 (permalink)  
舊 2019-03-14
進階會員
 
註冊日期: 2008-08-09
住址: 台灣/台北
文章: 5,660
燈泡 Tables Generator 線上製作產生表格 HTML、LaTeX、Markdown 原始碼

Click the image to open in full size.

如果有接觸過網頁設計或曾經嘗試在網站、部落格放入表格,應該會覺得表格(Tables)是一個非常難搞的東西,不但原始碼複雜,沒有所見即所得編輯器似乎也很難直接寫出來,而在瀏覽器上使用的網頁編輯器又很難修改表格內容,有時候從其他文書處理工具直接複製貼上就會自帶很多用不到的程式碼,程式碼看起來很髒又無法符合當前的頁面風格,總之表格一直是很多人的痛,我也很少在網頁中用到表格,不過表格還是呈現一些數據相當好的方式。



若你要在網頁上用到表格語法,本文要介紹的「Tables Generator」會對你有幫助,這是一款線上表格語法產生器,可產生 LaTeX、HTML、純文字、Markdown 和 MediaWiki 表格語法,是個非常方便好用的工具。

這個表格產生器內建所見即所得編輯器,使用者可匯入資料,或是直接從其他來源像是 Google Docs、LibreOffice、網頁複製貼上表格內容,也能在網站中編輯表格欄位,最終產生適合使用的程式碼。Tables Generator 適合不熟悉 HTML、CSS 的朋友使用,如果你想為網站或是部落格(WordPress、Drupal 或任何支援 HTML 程式碼的平台)加入表格,那麼可以透過這個工具產生程式碼。

網站名稱:Tables Generator
網站鏈結:http://www.tablesgenerator.com/

使用教學

STEP 1

開啟 Tables Generator 網站,從上方選單選擇要產生的原始碼類型,前面有提到網站支援的語法包括 LaTeX、HTML、純文字、Markdown 和 MediaWiki。

Click the image to open in full size.

STEP 2

如果你的表格是 .csv 檔案,可點選上方的「Import CSV file…」快速匯入資料,或將表格資料貼上等等,依照使用者切換的語法類型不同,也會顯示不一樣的功能選單。

主要的表格功能也可以從上方選單選取,包括新增、插入欄位、刪除欄位,文字樣式相關設定也能從編輯器上方功能列找到。

Click the image to open in full size.

STEP 3

Tables Generator 最大優勢是可直接在網頁中編輯表格內容,包括各個欄位的文字、數值等等,編輯完成後點選下方「Generate」就會產生對應程式碼,預設情況下會帶入 CSS 樣式表,如果不需要(或是網頁部落格本身就有相關樣式)勾選 Do not generate CSS 就不會產生樣式程式碼。

Click the image to open in full size.

STEP 4

最後,複製 Tables Generator 產生的原始碼貼到網頁或部落格就能看到表格效果,下方還有一些功能像是讓表格支援自適應設計、表格水平置中、第一個欄位是表格表頭(Table header)、啟用表格排序,勾選會即時更新上方的原始碼。

Click the image to open in full size.

值得一試的三個理由:
  1. 線上建立表格或從其他地方將表格資料貼上處理
  2. 產生 LaTeX、HTML、純文字、Markdown 等表格語法
  3. 可選擇是否帶入 CSS 樣式,針對細部選項進行調整
喜歡 Tables Generator 線上製作產生表格 HTML、LaTeX、Markdown 原始碼 嗎?歡迎將免費資源網路社群加入書籤,以 Facebook、Twitter 或 Google+ 追蹤更新,獲取更多科技新知及免費資源相關介紹教學。

Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size.


來源...

回覆時引用此篇文章
回覆

主題工具
顯示模式

發表文章規則
不允許您發表新主題
不允許您發表文章
不允許您上傳附件
不允許您編輯自已的文章

開啟 BB 代碼
關閉 HTML 程式碼
Trackbacks are 關閉
Pingbacks are 關閉
Refbacks are 開啟



所有時間均為 +8。現在的時間是 04:28 AM
Powered by vBulletin® 版本 3.7.2
版權所有 ©2000 - 2019,Jelsoft Enterprises Ltd.
Advertisement System V2.6 By   Branden
RiS 社群 ( 感謝明易資訊有限公司技術指導 ) - 使用3.7.2永久合法版權。
Ad Management by RedTyger



Content Relevant URLs by vBSEO 3.6.0 PL2