react-phonetic-transcription

1.1.6 • Public • Published

React Phonetic Transcription

Phonetic transcription tools with react js for input, outputing, etc.

React Phonetic Transcription

Thank you, I'm really appreciate your donation

Paypal

Buy Me a Coffee at ko-fi.com

Future update

Let me know what you want. You can write issue on my repo.

Example

import React,{useState} from "react";
import { InputPhonetic, TextToPhonetic } from "react-phonetic-transcription";

const [text,setText] = useState("");

<TextToPhonetic>
    {text}
</TextToPhonetic>

<InputPhonetic
  sx={{
    mt: 2,
  }}
  addValue={(newValue) => {
    setValue(text + newValue);
  }}
/>

API

function InputPhonetic({
    addValue, // for the output if you click the phonetic symbol
    useRemember = true, // Remembering your last phonetic symbol
    dataDefault = common_java,
    height = "300px", // the height of phonetic keyboard
    ...rest
})
function TextToPhonetic({ children, ...rest }) {
  return (
    <span className="fonetis" {...rest}>
      {children}
    </span>
  );
}

Readme

Keywords

Package Sidebar

Install

npm i react-phonetic-transcription

Weekly Downloads

30

Version

1.1.6

License

MIT

Unpacked Size

192 kB

Total Files

4

Last publish

Collaborators

  • albirrkarim