react-nickify

KO | EN

gitlite — search

#hacktoberfest #react #golang #android #machine-learning #rust #linux #windows #awesome #cli #kubernetes #vue #openai #open-source

(★ 20)

Rich text editor package based on react tiptap

react-nickify 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 📦 React-nickify

![npm](https://img.shields.io/npm/v/react-nickify.svg) ![License](https://img.shields.io/npm/l/react-nickify.svg)   ![Downloads](https://img.shields.io/npm/dt/react-nickify.svg)

---

## ✨ Features

- ✅ Rich text editor with a customized toolbar
- ✅ AI integrated with in editor responses
- ✅ Build over react tiptap

## 📦 Installation and Use

Using npm:

```bash
npm install react-nickify
```
Calling the Nickify Component

```ts
import  Nickify  from  'react-nickify'
```
```ts
const [content,setContent]=useState<string>('')

return (
<>
   <Nickify  setContent={setContent} isAiEnabled={false}></Nickify>
   <article className="tiptap" dangerouslySetInnerHTML={{__html: content }}/>
</>
)
```
🛠Accessing the Toolbar

- Windows: Ctrl + Arrow Down

- Mac: Cmd + Arrow Down

- On text selection also

## 📦 AI Response
to generate AI response
configure GEMINI API KEY
make a .env.local file and add 
```bash
VITE_GEMINI_API_KEY="your api key"
```
and then 
```js
<Nickify  setContent={setContent} isAiEnabled={true}></Nickify>
```

## 📦 Developer guide
> generate a pull request to LPW branch only

## Contributors
<a href="https://github.com/Balaji-Nirmit/react-nickify/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=Balaji-Nirmit/react-nickify" />
</a>

react-nickify

react-nickify 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

react-nickify

react-nickify 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README