Penggunaan dasar

Buka alat

1. Buka Cursor Canvas.
2. Berikan sumber dengan salah satu dari tiga cara ini:
   • Tempel: jatuhkan isi file ke editor TypeScript
   • Unggah: seret file ke zona unggah, atau klik Pilih file
   • Muat contoh: klik Muat contoh untuk mengisi canvas galeri
3. Konfirmasi pratinjau langsung di sebelah kanan.
4. Opsional tambahkan judul, lalu klik Buat tautan pendek.
5. Salin URL dan kirim. Siapa pun dapat membuka kembali halaman yang dirender.

Unggahan yang diterima: .canvas.tsx, .tsx, .ts, .jsx, .txt. Sumber dibatasi 200.000 karakter.

Bentuk file yang valid

Kompilator mensyaratkan default export dan impor dari cursor/canvas:

import { H1, Stack, Text } from "cursor/canvas";

export default function Demo() {
  return (
    <Stack gap={16}>
      <H1>Hello</H1>
      <Text>Rendered on WorkerJob.</Text>
    </Stack>
  );
}

import { H1, Stack, Text } from "cursor/canvas";

export default function Hello() {
  return (
    <Stack gap={12}>
      <H1>Hello, Canvas</H1>
      <Text tone="secondary">
        Live preview rendered in the browser from cursor/canvas.
      </Text>
    </Stack>
  );
}

Berbagi dan riwayat

• Tautan pendek tetap dapat dipakai ulang; bukan pesan sekali baca.
• Cookie pemilik yang sama plus MD5 file yang sama memakai ulang tautan yang ada.
• Tautan terbit mencantumkan canvas yang dibuat di peramban ini agar dapat dimuat atau dihapus.

Langkah berikutnya

• Fitur lanjutan
• Contoh