使用手冊
使用手冊
在表單中，可以使用在論壇或是電子佈告欄系統常用到的 BBCode tags。當你在填寫欄位種類為自由輸入等「純文字欄位」以及「留言回應」做內部溝通時，使用 BBCode tags 非常地方便。
除了在填寫欄位值可以利用 BBCode 以外，表單設計也可以利用靜態文字欄位插入 BBCode，像是需要在表單放上公司 Logo 圖片作為固定的設計樣式。
在欄位或回應中輸入「/」，會自動跳出 BBCodes 選單，就可以直接從中選擇需要的 tag 囉！
以下介紹目前支援的 tags，以及其呈現方式。
| 用途 | bbcode 使用範例 | 顯示 |
|---|---|---|
| 在文字插入超連結 | [url=https://www.ragic.com]Ragic[/url] | Ragic |
| 用途 | bbcode 使用範例 | 顯示 |
|---|---|---|
| 點擊標示的文字在資料庫進行全文檢索 | [[搜尋此文字]] |  |
| 用途 | bbcode 使用範例 | 顯示 |
|---|---|---|
| 使用公式來顯示其他欄位值 | [formula]A1+" "+A2[/formula] |  |
備註：一般建議由系統管理者將此 BBCode 用於敘述欄位，套用於敘述欄位時只能做為顯示用途，計算結果不會被存入資料庫。
可以使用 BBCode 來改變文字的格式與顏色，請參考下表。
| 用途 | bbcode 使用範例 | 顯示 |
|---|---|---|
| 粗體 | [b]Ragic[/b] | Ragic |
| 斜體 | [i]Ragic[/i] | Ragic |
| 底線 | [u]Ragic[/u] | Ragic |
| 刪節號 | [s]Ragic[/s] | |
| 上標 | [sup]Ragic[/sup] | 上標Ragic |
| 下標 | [sub]Ragic[/sub] | 下標Ragic |
| 紅色文字 | [color=red]Ragic[/color] | Ragic |
| 橘色文字 | [color=orange]Ragic[/color] | Ragic |
| 黃色文字 | [color=yellow]Ragic[/color] | Ragic |
| 綠色文字 | [color=green]Ragic[/color] | Ragic |
| 藍色文字 | [color=blue]Ragic[/color] | Ragic |
| 紫色文字 | [color=purple]Ragic[/color] | Ragic |
| 粉紅色文字 | [color=pink]Ragic[/color] | Ragic |
| 灰色文字 | [color=gray]Ragic[/color] | Ragic |
| 棕色文字 | [color=brown]Ragic[/color] | Ragic |
| 青綠色文字 | [color=cyan]Ragic[/color] | Ragic |
| 使用16進位色彩代碼 | [color=#cc0000]Ragic[/color] | Ragic |
| 用途 | bbcode 使用範例 | 顯示 |
|---|---|---|
| 插入圖片 | [img]https://www.ragic/sims.png[/img] |  |
| 自訂寬＊高 | [img=100x20]https://www.ragic/sims.png[/img] | |
備註：設定圖片的長跟寬時，如果圖片來源大小不一的時候會導致圖片變形，這時可以只設定長或寬，例如： [img=100x] 或 [img=x20]，來分別固定寬度 100 等比例縮放或是固定高度 20 來等比例縮放圖片。
你可以利用[fa=type] BBCode 來插入 Font Awesome 的圖示，「type」與各自對應 Font Awesome 的圖示以及實際使用範例請參考下表：
| type | 圖示 | bbcode 使用範例 | 顯示 |
|---|---|---|---|
| fas | Soild | [fa=fas]fa-star[/fa] | |
| far | Regular | [fa=far]fa-star[/fa] | |
| fal | Light | [fa=fal]fa-star[/fa] | |
| fab | Brands | [fa=fab]fa-apple[/fa] |
注意：由於 Font Awesome 會一直釋出新的圖示，Ragic 並不支援 Font Awesome 所列出的所有圖示。
想要在欄位中以地圖的方式呈現地址的話，可以輸入地址至[addr] BBCode 中。
範例：[addr]New York, New York[/addr]
顯示：
可以利用[embed] BBCode來嵌入影片，嵌入的影片網址要帶有嵌入參數，參考以下範例。
範例：[embed]https://www.youtube.com/embed/UOhNHDBfsi4?si=EcrKIT7fm5j5Gbua[/embed]
顯示：
有需要的話，也可以在嵌入影片的 BBCode 加入寬＊高來設定大小：[embed=800x600]video_url[/embed]
利用 BBCode:[mailto] 來發送信件至設定的信箱。
| bbcode 使用範例 | 顯示 |
|---|---|
| [mailto]support@ragic.com[/mailto] | support@ragic.com |
| [mailto=support@ragic.com]寄送客服信件[/mailto] | 寄送客服信件 |
利用 BBCode:[tel] 來撥號至指定號碼。
| bbcode 使用範例 | 顯示 |
|---|---|
| [tel]0277288692[/tel] |  |
| [tel=0277288692]撥號給Ragic[/tel] |  |
利用 BBCode:[sms] 來發送簡訊至指定號碼。
| bbcode 使用範例 | 顯示 |
|---|---|
| [sms]0912345678[/sms] |  |
| [sms=0912345678]寄簡訊給0912345678[/sms] |  |
可以嵌入外部網頁的資源，像是公司網站的頁面、自行開發的報表、 Google Calendar 或 Youtube 影片等。
BBCode：[iframe=width x height]嵌入的網址[/iframe]
Tips：如果嵌入到 Ragic 的 iframe 內容被阻擋（例如顯示「此內容已被封鎖」），請至公司設定 → 帳號設定對「iframe sources」進行設定、調整。
利用 [poll] BBCode 來建立投票活動，讓資料庫中的使用者一起票選出最佳方案。
注意：資料庫中所有相同的「投票名稱」都會呼叫同一個投票活動，如果想建立新的投票請用不同的投票名稱。如果原有的投票已被刪除，就可以使用之前的名稱。
在欄位中輸入[poll]此投票的名稱[/poll]。
儲存後就會顯示投票介面，點擊建立投票來開啟設定視窗。
在此新增選項、設定開放時間及是否允許多選。
接著在視窗中投票，點選票數可以看到投票者名單；點擊結束投票可以直接關閉此次投票。
結束後可以查看投票結果，在結果視窗右上角有移除此次投票的垃圾桶按鈕。
可以利用 [pagebreak] BBCode 讓下載為 PDF 或友善列印時強制換頁。
在要換頁的欄位值之間輸入[pagebreak][/pagebreak]。
在列印時就會自動換頁。
