Skip to content

Latest commit

 

History

History
43 lines (31 loc) · 671 Bytes

Readme.md

File metadata and controls

43 lines (31 loc) · 671 Bytes

React-ContentEditable

A simple editable plugin with react, can fire keywords(props key: delimiter, default: #)

Installation

yarn add react-editable-tag

#or

npm i react-editable-tag

Usage

import React, { useState } from 'react'
import { ContentEditable } from '../src/index'

function App() {
  const [keyWords, setKeyWords] = useState<string>()

  const onKeyWord = () => {
    const val = prompt('Please input')
    if(val !== null) {
      setKeyWords(val)
    }
  }


  return <div>
    <ContentEditable
      keyWords={keyWords}
      onKeyWord={onKeyWord}/>
  </div>
}

Features

  • React Hooks
  • TypeScript
  • Antd Style