作者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://webptt.com/cn.aspx?n=bbs/Ajax/M.1600326897.A.E23.html
1F：→ BugofBook: 因为有注入攻击的风险，不太建议你做这个功能。 09/17 19:05
2F：→ BugofBook: 问题二的话，我想可以使用ref把值取出来。 09/17 19:09
3F：→ hamster3933: 谢谢，我後来先做了只取得文字的功能～ 09/17 20:52
4F：推 froce: 把el取出後只取你要的属性像tag、style转成json，然後变成v 09/25 08:02
5F：→ froce: node去做 09/25 08:02