A Collection of Components for Translating Markdown Files.
Install using npm or yarn:
npm install markdown-translatable
yarn add markdown-translatable
Import the relevant components to the top of your React file:
import {
DocumentTranslatable,
BlockEditable,
} from "markdown-translatable";Use in your component for editing Markdown:
const markdown = "**Hello** __world__";
const _translation = "**नमस्ते** __दुनिया__";
initialState = {
translation: _translation,
};
<SectionTranslatable
original={markdown}
translation={state.translation}
onTranslation={(translation) =>
setState({translation})
}
/>Use in your component for translating a Markdown file:
const markdown = "**Hello** __world__";
const _translation = "**नमस्ते** __दुनिया__";
initialState = {
translation: _translation,
};
<DocumentTranslatable
original={markdown}
translation={state.translation}
onTranslation={(translation) =>
setState({ translation })
}
/>See the Style Guide for more examples: https://unfoldingword-box3.github.io/markdown-translatable/
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent