TOOLING.ninja logo
Инструменты Base64JavaScript библиотека
use-base64

Playground Base64 JavaScript

Интерактивная площадка для тестирования use-base64 React-хука и функций кодирования с предпросмотром в реальном времени.

Настройки

Быстрые примеры

Результат

Результат useBase64()

SGVsbG8sIHdvcmxkIQ==

Результат encodeBase64()

SGVsbG8sIHdvcmxkIQ==

Сгенерированный код

Использование React-хука

const encoded = useBase64("Hello, world!")

Использование функции

const encoded = encodeBase64("Hello, world!")

React-сниппет

import { useState } from "react"
import { useBase64, encodeBase64 } from "use-base64"

export default function Example() {
  const [text, setText] = useState("Hello, world!")
  const encoded = useBase64(text, { variant: "url", padding: "strip", wrap: false })
  // or: const encoded2 = encodeBase64(text, { variant: "standard" })

  return (
    <div>
      <input value={text} onChange={e => setText(e.target.value)} />
      <pre>{encoded}</pre>
    </div>
  )
}

Связанные инструменты

Ссылки на пакет

Посмотреть на NPMИсходный код

Установка

npm install use-base64
yarn add use-base64
pnpm add use-base64
bun add use-base64

Онлайн Base64 кодировщик/декодировщик

Простой веб-инструмент для быстрого кодирования и декодирования Base64 без необходимости установки.

Веб-основанныйБез установкиБыстрый доступ

Больше инструментов скоро

Мы работаем над дополнительными инструментами и утилитами Base64. Следите за обновлениями!