[问题] Vue如何实现复制文字(包含样式)?

楼主: hamster3933 (hamster)   2020-09-17 15:14:55
大家好,近日使用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解析过的值?
感谢
作者: BugofBook (数学书虫)   2020-09-17 19:05:00
因为有注入攻击的风险,不太建议你做这个功能。问题二的话,我想可以使用ref把值取出来。
楼主: hamster3933 (hamster)   2020-09-17 20:52:00
谢谢,我后来先做了只取得文字的功能~
作者: froce (froce)   2020-09-25 08:02:00
把el取出后只取你要的属性像tag、style转成json,然后变成vnode去做

Links booklink

Contact Us: admin [ a t ] ucptt.com