Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ceritium/render_editorjs
A modular and customizable Ruby renderer for https://editorjs.io
https://github.com/ceritium/render_editorjs
editorjs renderer wysiwyg
Last synced: 26 days ago
JSON representation
A modular and customizable Ruby renderer for https://editorjs.io
- Host: GitHub
- URL: https://github.com/ceritium/render_editorjs
- Owner: ceritium
- License: mit
- Created: 2021-11-06T19:37:43.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2024-11-15T12:27:05.000Z (28 days ago)
- Last Synced: 2024-11-15T13:29:08.352Z (28 days ago)
- Topics: editorjs, renderer, wysiwyg
- Language: Ruby
- Homepage:
- Size: 61.5 KB
- Stars: 30
- Watchers: 3
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.txt
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-editorjs - render_editorjs
README
# RenderEditorjs
A modular and customizable Ruby renderer for [Editor.js](https://editorjs.io/).
This gem takes inspiration from [editor_js](https://github.com/xiaohui-zhangxh/editor_js).
It copies some code blocks logic and schema validations. The `editor_js` gem
implements the most common blocks. If you don't need any customization, it would make
sense to try it.
In comparison, `RenderEditorjs` (this gem) only implement a few blocks, but you can
customize and extend it with your blocks.
## Sponsor
This project is sponsored by [babelfu.com](https://babelfu.com)
[](https://babelfu.com)
## Installation
Add this line to your application's Gemfile:
```ruby
gem 'render_editorjs'
```
And then execute:
$ bundle install
Or install it yourself as:
$ gem install render_editorjs
## Usage
`RenderEditorjs` expects an Editor.js JSON as input; it can be a JSON serialized
as a string or a Hash.
### Basic usage
```ruby
RenderEditorjs.render(json) #=> HTML...
```
### Common usage
```ruby
renderer = RenderEditorjs::DefaultRenderer.new
document = RenderEditorjs::Document.new(json, renderer)
document.valid? #=> true | false
document.errors #=> Array with the schema errors
document.render #=> HTML...
```
### Advanced usage
Customize the DefaultRenderer adding or overriding blocks:
```ruby
renderer = RenderEditorjs::DefaultRenderer.new("header" => MyCustomHeader.new, "customBlock" => CustomBlock.new)
document = RenderEditorjs::Document.new(json, renderer)
document.render #=> My custom HTML
```
Create your renderer class:
```ruby
renderer = MyOwnRenderer.new
document = RenderEditorjs::Document.new(json, renderer)
document.render #=> My custom HTML
```
## Development
After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake test` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
## Contributing
Bug reports and pull requests are welcome on GitHub at https://github.com/ceritium/render_editorjs. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [code of conduct](https://github.com/ceritium/render_editorjs/blob/master/CODE_OF_CONDUCT.md).
## License
The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
## Code of Conduct
Everyone interacting in the RenderEditorjs project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/ceritium/render_editorjs/blob/master/CODE_OF_CONDUCT.md).