作者hamster3933 (hamster)
看板Ajax
標題[問題] Vue如何實現複製文字(包含樣式)?
時間Thu Sep 17 15:14:55 2020
大家好,近日使用Vue,想要做一個可以將輸入值轉成特定樣式的網頁,但當我想要做複
製功能時卻遇到了問題。
上網爬文,有看到clipboard2等套件,或是原生js的document.execuCommand,但由於我
希望是連同樣式一起複製(我的輸出會包含斜體、粗體等),加上我的字串資料包含html
tag,再用v-html解析。
示意如下:
資料長相:
data:[‘<b>test</b>’, ‘<i>test</i>’]
Vue呈現:
<div v-for=‘item in data’ v-html=item></div>
問題一:
Vue有套件可以做出連同樣式一起複製的功能嗎?
問題二:
承上題,若有,那我要如何從div取出v-html解析過的值?
感謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.124.242.153 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1600326897.A.E23.html
→ BugofBook: 因為有注入攻擊的風險,不太建議你做這個功能。 09/17 19:05
→ BugofBook: 問題二的話,我想可以使用ref把值取出來。 09/17 19:09
→ hamster3933: 謝謝,我後來先做了只取得文字的功能~ 09/17 20:52
推 froce: 把el取出後只取你要的屬性像tag、style轉成json,然後變成v 09/25 08:02
→ froce: node去做 09/25 08:02