iT邦幫忙

0

bootstrap table 開啟escape 後如何讓文字換行

  • 分享至 

  • xImage

在bootstrap table 中為了顯示類似於標籤的文字(例:<test>)所以開啟了escape 這個選項,但是開啟這功能後如何在顯示的表格內文中斷行?
例如: 內文:A:<test> B:測試資料
顯示為:
A:<test>
B:測試資料

Homura iT邦高手 1 級 ‧ 2018-09-14 10:06:18 檢舉
你說<pre>標籤嗎?
frank1130 iT邦新手 5 級 ‧ 2018-09-14 11:24:29 檢舉
假如沒開啟escape這功能 我是用&lt; br &gt; 換行,但因為怕有輸入到這些特殊字元,但又沒有轉換到的問題,所以把這個功能打開
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0

1.在table tag 內設 data-escape="false" 再用br試試
2.如要顯示標籤改用code標籤 包 &lt ; 標籤名 &gt ;

frank1130 iT邦新手 5 級 ‧ 2018-09-14 11:22:17 檢舉

因為前端很容易因為一些特殊字而造成問題(因為很難猜測使用者到底會用到那些特殊符號,擋來擋去總有漏擋的問題),所以我才開啟escape的功能,但又因為這個功能導致我不能使用 &lt ; br &gt ; 這個問題,所以想說有沒有辦法換個方式讓它換行

那建議把特殊字元解決掉
使用js的
decodeURI(你的字串)
encodeURI(你的字串)
再塞入要填的tag

我要發表回答

立即登入回答