Clipboard HTML 富文本读写与安全过滤实践

概述Clipboard 支持 HTML 类型。本文示例读写 `text/html` 并进行基础过滤。能力与读写const supportsWrite = !!(navigator.clipboard && navigator.clipboard.write); const supportsRead = !!(navigator.clipboard && navigator.clipboard.read); function sanitize(html) { return html.replace(/<script[\s\S]*?<\/script>/gi, '').replace(/on\w+=\"[^\"]*\"/gi, ''); } async function writeHTML(html) { if (!supportsWrite) return; const safe = sanitize(html); const item = new ClipboardItem({ 'text/html': new Blob([safe], { type: 'text/html' }) }); await navigator.clipboard.write([item]); } async function readHTML() { if (!supportsRead) return ''; const items = await navigator.clipboard.read(); for (const it of items) { if (it.types.includes('text/html')) { const b = await it.getType('text/html'); return await b.text(); } } return ''; }