Blog Editor Template

Installation (NPM)

npm i blog-editor

In react import the package.

import React from 'react'
import { Editor } from 'blog-editor'

const Demo = () => {
  const saveBlog = (data) => {
    console.log(data)
  }
  return (
    <div>
      <Editor header='Your first Editor' onSave={saveBlog} />
    </div>
  )
}

export default Demo

Add the css file to your app.js

import 'blog-editor/dist/index.css'

Second option: Download only the Node Modules (GIT)

# in your package.json add the following line to "dependencies":
"blog-editor": "git+https://github.com/SeGl1990/Blog-Editor"
# install the new dependency
npm i

Download the React Repo

Install the package as a React project:

# start the development server
git clone https://github.com/SeGl1990/Blog-Editor
# in the Blog-Editor folder install the dependencies
npm i
# run the development server
npm run dev / npm start

Open http://localhost:3000 with your browser to see the result.

License

MIT

Basic Libraries

| | Stars | Bundle size | Maintained | | ---------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------- | | emotion: 10.0.27 | | | ⚠️ | | escape-html: 1.0.3 | | | 🛑 | | slate: 0.57.2 | | | ✅ | | slate-history: 0.57.2 | | | ✅ | | slate-hyperscript: 0.57.2 | | | ✅ | | slate-react: 0.57.2 | | | ✅ |

Credits & Idea

Please visit the initial template