https://github.com/ejilay/draftjs

Draft.js exporter for Go
https://github.com/ejilay/draftjs

draft draft-exporter draft-js draftjs-exporter draftjs-utils draftsjs go golang html

Last synced: 3 months ago
JSON representation

Draft.js exporter for Go

• Host: GitHub
• URL: https://github.com/ejilay/draftjs
• Owner: ejilay
• License: mit
• Created: 2017-02-06T14:44:10.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-06-08T21:18:32.000Z (about 2 years ago)
• Last Synced: 2024-03-03T03:40:26.038Z (4 months ago)
• Topics: draft, draft-exporter, draft-js, draftjs-exporter, draftjs-utils, draftsjs, go, golang, html
• Language: Go
• Homepage:
• Size: 26.4 KB
• Stars: 22
• Watchers: 2
• Forks: 4
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.txt

Lists

• awesome-draft-js - Draft.js Exporter (Go) - Export Draft.js content state into HTML. (Common Utilities)
• awesome-draft-js - Draft.js Exporter (Go) - Export Draft.js content state into HTML. (Common Utilities)

README

        
# Draft.js Exporter

[![Go Report Card](https://goreportcard.com/badge/github.com/ejilay/draftjs)](https://goreportcard.com/report/github.com/ejilay/draftjs)

[Draft.js](https://facebook.github.io/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`](https://facebook.github.io/draft-js/docs/api-reference-data-conversion.html#converttoraw))

from Draft.js and convert it to HTML using [Go](https://golang.org). 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.

## Usage

```go

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

```json

{

  "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:

```html



	Ri

	

		ch

	

	

		text

	

	

		wi

	

	th

	link



```

That look like



	Ri

	

		ch

	

	

	

		text

	

	

	

		wi

	

	th

	link



## Setup

You'll need Golang installed first :o)

```bash

go get github.com/ejilay/draftjs

```

## Testing

To test run the following command in project's root directory:

```bash

go test ./...

```