Skip to content

ProteanCode/editorjs-layout

 
 

Repository files navigation

Welcome to editorjs-layout 👋

Version License: MIT Twitter: hata6502

Layout block tool for Editor.js.

Alternative solution: editorjs-inline

Demo

demo

Install

Install via yarn

yarn add editorjs-layout

Load from CDN

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

Usage

Please see demo HTML.

Config params

Please see type declaration of LayoutBlockToolConfig.

Output data

Please see type declaration of ValidatedLayoutBlockToolData.

Copied data

Please see type declaration of LayoutBlockToolData.

NOTE: Copied block data by ctrl+c are not validated. So copied block data and output block data may be different. Please see also this comment.

<dialog> polyfill

editorjs-layout uses <dialog> element and GoogleChrome/dialog-polyfill. Please load dialog-polyfill.css in your document.

<head>
  <link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/dialog-polyfill@0.5.6/dist/dialog-polyfill.css"
    integrity="sha256-hT0ET4tfm+7MyjeBepBgV2N5tOmsAVKcTWhH82jvoaA="
    crossorigin="anonymous"
  />
</head>

Build

yarn webpack

Format

yarn fix

Run tests

yarn test

Author

Tomoyuki Hata Tomoyuki Hata hato6502@gmail.com

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Show your support

Give a ⭐️ if this project helped you!

Disclaimer

The following creations are included in this product:

Please see also DISCLAIMER.md.


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

About

Layout block tool for Editor.js.

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 97.4%
  • JavaScript 2.6%