Draft.js is a framework for
building rich text editors. However, it does not support exporting
documents at HTML. This package is designed to take the raw ContentState
(output of convertToRaw)
from Draft.js and convert it to HTML using Go. Mostly it
useful for server-side rendering. I should note this package does not provide
any input validation and assumes correct and safe input data.
func main() {
// get your contentState JSON-string
draftState := exampleDraftStateSource
// make auxiliary variable
contentState := draftjs.ContentState{}
json.Unmarshal([]byte(draftState), &contentState) // don't forget error handling
// prepare some config (HTML here)
config := draftjs.DefaultConfig()
// and just render content state to HTML-string
s := draftjs.Render(&contentState, config)
// that's it
fmt.Println(s)
}For RawContentState like this
{
"entityMap": {
"0": {
"type": "LINK",
"data": {
"url": "https://medium.com/@rajaraodv/how-draft-js-represents-rich-text-data-eeabb5f25cf2#.ce9y2wyux"
}
}
},
"blocks": [
{
"text": "Rich text with link",
"type": "unstyled",
"depth": 0,
"inlineStyleRanges": [
{
"offset": 0,
"length": 4,
"style": "BOLD"
}, {
"offset": 2,
"length": 10,
"style": "UNDERLINE"
}, {
"offset": 5,
"length": 4,
"style": "ITALIC"
}, {
"offset": 10,
"length": 4,
"style": "CODE"
}
],
"entityRanges": [{
"offset": 15,
"length": 4,
"key": 0
}]
}]}It will give something like this but without indention:
<p>
<strong>Ri</strong>
<strong>
<ins>ch</ins>
</strong>
<ins>
<em>text</em>
</ins>
<ins>
<code>wi</code>
</ins>
<code>th</code>
<a href="https://medium.com/@rajaraodv/how-draft-js-represents-rich-text-data-eeabb5f25cf2#.ce9y2wyux" target="_blank">link</a>
</p>That look like
Ri
ch
text
wi
th
link
You'll need Golang installed first :o)
go get github.com/ejilay/draftjsTo test run the following command in project's root directory:
go test ./...
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent