drafty-editor is a text editor that allows you to make amazing things with your text, it's very small and it react when you select to a text.
Ey, we have a web where you can try the editor π Drafty Website
npm install --save-dev drafty-editor
import React, { Component } from 'react'
import Draft from 'drafty-editor'
class App extends Component {
render () {
return (
<Draft />
)
}
}
I had problems with this and the only solution right now is:
- Select your text
- Place the mouse above of link icon (should appear a input above of the icon).
- Write the link.
- When you finish of write the link presst 'Enter'.
Well, I'm react developer (I love it π) besides this projects it's just JSX and CSS.
Okay... okay, preprocessor are so cool, and I know make easier the work, but I dind't need it.
Yeah, you can!.
react
: What?, you don't know what react is?... Go to its website -> react is amazing!
git
: Git allows you to keep control on your project (At this case I used it with Github) ->
Git
parcel
: Parcel makes your project quikly and you don't need write a lot of code like webpack -> Parcel
prettier
: Make your code beautiful with prettierPrettier
MIT Β© Jhornan Colina (karttofel)