/rich-text-autocomplete

Text input box that autocompletes hashtags, mentions and related entities. Built with React & Redux.

Primary LanguageJavaScript

React Autocomplete Editor

Editor with mention, hashtag and relation autocomplete functionality built using React, Redux and DraftJS. This project was bootstrapped with Create React App.

Check out a deployed version of the app.

Instructions

  • Type @ to add persons (mentions).
  • Type # to add hashtags.
  • Type <> to add relations.

Elements on the list can be chosen using arrow keys and pressing Enter or Tab.

Development

Run npm install to install dependencies.

To start the app run npm start.

Run the test watcher in an interactive mode using npm test.

Deployment

When you’re ready to deploy to production, create a minified bundle with npm run build.

You can use create-react-app deployment instructions as a guide for various solutions.