This project is a React-based with typescript text editor that allows users to select different fonts and variants. The editor also supports toggling between regular and italic font styles.
Font Family Selection: Choose from various font families. Font Variant Selection: Select different font variants like bold, italic, etc. Toggle Font Style: Easily toggle between regular and italic styles. Content Editable: Editable text area with custom font styling. Save & clear: Save your settings and clear the editor
1.clone my repository i.e.: git clone https://github.com/Nitishperfectionist/TextEditor.git 2.npm install 3.npm run start
The available fonts and their variants are defined in the fonts.json file. Ensure this file is present in the public directory for proper loading.
Select Font Family: Use the dropdown to select a font family. Select Font Variant: Use the second dropdown to select a variant of the chosen font family. Toggle Italic Style: Click the toggle switch to switch between regular and italic styles. Edit Content: Click into the text area to start editing. Save Settings: Click the "Save" button to save your font settings. clear Editor: Click the "clear" button to clear the content and reset settings.
This project is made by Nitish