剪贴板 Clipboard

Clipboard API 提供系统剪贴板的读写能力。

在线试用

Hello, Mini-SDK

复制到剪贴板读取剪贴板

快捷复制

问候语JSONURL

剪贴板 API 试用

setClipboard 写入、getClipboard 读取；试一把快捷预设并观察右下角 SDK 提示

Vue

<script setup>
import { ref } from 'vue'
import woo from 'mini-sdk'

const text = ref('要复制的文本')
const readText = ref('')

async function copy() {
  await woo.setClipboard({ text: text.value })
  woo.showToast({ title: '已复制', icon: 'success' })
}

async function paste() {
  const res = await woo.getClipboard()
  readText.value = res.text
}
</script>

<template>
  <input v-model="text" />
  <button @click="copy">复制</button>
  <button @click="paste">粘贴</button>
  <p>{{ readText }}</p>
</template>

React

import { useState } from 'react'
import woo from 'mini-sdk'

function ClipboardDemo() {
  const [text, setText] = useState('要复制的文本')
  const [readText, setReadText] = useState('')

  async function copy() {
    await woo.setClipboard({ text })
    woo.showToast({ title: '已复制', icon: 'success' })
  }

  async function paste() {
    const res = await woo.getClipboard()
    setReadText(res.text)
  }

  return (
    <>
      <input value={text} onChange={(e) => setText(e.target.value)} />
      <button onClick={copy}>复制</button>
      <button onClick={paste}>粘贴</button>
      <p>{readText}</p>
    </>
  )
}

导入

import woo from 'mini-sdk'
// 或
import { clipboard } from 'mini-sdk'

API 列表

setClipboard

写入文本到剪贴板。

woo.setClipboard(options: { text: string }): Promise<void>

await woo.setClipboard({ text: '复制的内容' })
woo.showToast('已复制到剪贴板')

getClipboard

读取剪贴板内容。

woo.getClipboard(): Promise<{ text: string }>

const { text } = await woo.getClipboard()
console.log('剪贴板内容：', text)

完整示例

Vue

<script setup>
import woo from 'mini-sdk'

async function copyShareLink(id) {
  const link = `https://app.example.com/share/${id}`
  await woo.setClipboard({ text: link })
  woo.showToast({ title: '链接已复制', icon: 'success' })
}

async function pasteAndSearch() {
  try {
    const { text } = await woo.getClipboard()
    if (text) await performSearch(text)
  } catch {
    woo.showToast({ title: '无法读取剪贴板', icon: 'none' })
  }
}
</script>

React

import woo from 'mini-sdk'

function ShareButton({ id }: { id: string }) {
  async function copyShareLink() {
    const link = `https://app.example.com/share/${id}`
    await woo.setClipboard({ text: link })
    woo.showToast({ title: '链接已复制', icon: 'success' })
  }

  async function pasteAndSearch() {
    try {
      const { text } = await woo.getClipboard()
      if (text) await performSearch(text)
    } catch {
      woo.showToast({ title: '无法读取剪贴板', icon: 'none' })
    }
  }

  return <button onClick={copyShareLink}>复制链接</button>
}

API 速查表

方法	说明	签名
setClipboardData	设置剪贴板内容	({ data }) → Promise<void>
getClipboardData	获取剪贴板内容	() → Promise<{ data }>