Linkedin-text-editor NPM

Linkedin Text Editor

A customizable text editor component for React, featuring rich text formatting options like bold, italic, and underline for selected text. Perfect for simple text-editing needs in applications that require basic styling functionality in a text editor.

Features

Bold, Italic, and Underline styling for selected text.
Customizable dimensions and styles for flexible layout.
Easy integration and usage within React applications.
TypeScript support (optional), with type definitions for enhanced development experience.

Installation

Install the component from npm:

npm i linkedin-text-editor

Usage

Props

Prop	Type	Default	Description
`placeholder`	`string`	`"Type here..."`	Placeholder text for the editor
`width`	`string` or `number`	`"100%"`	Width of the editor container
`height`	`string` or `number`	`"100%"`	Height of the editor container
`containerStyle`	`object`	`{}`	Custom styles for the editor container
`onChange`	`function`	`undefined`	Callback function to handle editor content changes
`value`	`string`	`undefined`	Initial value for the editor content

Styling

Text styles are applied by selecting the text within the editor and clicking on the relevant style icons (Bold, Italic, or Underline). The TextEditor component automatically applies the selected style to the currently highlighted text.