Skip to content

Nowely/marked-input

Repository files navigation

npm version min zipped size React Storybook

npm version min zipped size Vue Storybook

image

A set of framework adapters that let you combine editable text with custom components using annotated text.

Currently supported packages:

  • @markput/react
  • @markput/vue

Documentation React Storybook | Vue Storybook

Feature

  • Powerful annotations tool: add, edit, remove, visualize
  • Nested marks support
  • Support for custom syntax patterns (e.g., HTML, markdown)
  • TypeScript
  • Support for any components
  • Flexible and customizable
  • Two ways to configure
  • Helpers for processing text
  • Hooks for advanced components
  • Button handling (Left, Right, Delete, Backspace, Esc)
  • Overlay with the suggestions component by default
  • Zero dependencies
  • Cross selection

Installation

Install the package for your framework:

pnpm add @markput/react
# or
pnpm add @markput/vue

Contributing

If you want to contribute, you are welcome! Create an issue or start a discussion.