當你在Ragic使用表單時,你可以使用一些在論壇或是電子布告欄系統會用到的BBCode tags。當你在填寫純文字欄位做內部溝通時,使用BBCode tags非常地方便。
除了在填寫欄位值可以利用BBCode以外,表單設計也可以利用靜態文字欄位插入BBCode,像是需要在表單放上公司Logo圖片作為固定的設計樣式。
以下是Ragic支援的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]
你可以利用[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]