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