Home

Awesome

<!-- markdownlint-disable first-line-h1 --> <h1 align="center">Welcome to editorjs-inline 👋</h1> <p> <a href="https://www.npmjs.com/package/editorjs-inline" target="_blank"> <img alt="Version" src="https://img.shields.io/npm/v/editorjs-inline.svg"> </a> <a href="https://github.com/hata6502/editorjs-inline/blob/master/LICENSE" target="_blank"> <img alt="License: MIT" src="https://img.shields.io/badge/License-MIT-yellow.svg" /> </a> <a href="https://twitter.com/hata6502" target="_blank"> <img alt="Twitter: hata6502" src="https://img.shields.io/twitter/follow/hata6502.svg?style=social" /> </a> </p>

Inline-Editor.js Tool for Editor.js

💡 Motivation

Editor.js inline tools are need to control DOM directly, so they may be able to provide only simple functions. By launching another Editor.js instance as inline element, existing block tools can be reused as inline tool.

I recommend to use it with editorjs-inline-template and editorjs-style.

Alternative solution: editorjs-layout

Demo

demo

Install

Install via yarn

yarn add editorjs-inline

Load from CDN

<script src="https://cdn.jsdelivr.net/npm/editorjs-inline@latest"></script>

Usage

Please see Demo HTML.

Config params

Please see EditorJSInlineToolConfig.

Output data

Please see Demo.

Build

yarn webpack

Format

yarn fix

Run tests

yarn test

Author

<img alt="hata6502" src="https://avatars.githubusercontent.com/hata6502" width="48" /> Tomoyuki Hata hato6502@gmail.com

🤝 Contributing

Contributions, issues and feature requests are welcome!<br />Feel free to check issues page.

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright © 2020 Tomoyuki Hata.<br /> This project is MIT licensed.

Disclaimer

The following creations are included in this product:

Please see also DISCLAIMER.md.


This README was generated with ❤️ by readme-md-generator