@editorjs/opensea
v1.0.2
Published
OpenSea Tool for Editor.js
Downloads
122
Readme
OpenSea Tool for Editor.js
Parses the pasted link to OpenSea item and inserts the embed block.
Installation
Use your package manager to install the @editorjs/opensea
package.
npm install -D @editorjs/opensea
yarn add -D @editorjs/opensea
Usage
Import and add the Tool to Editor.js tools config.
import OpenseaTool from '@editorjs/opensea';
const editor = new EditorJS({
tools: {
opensea: {
class: OpenseaTool
},
},
// ...
});
Check out the example page.
Output Data
Check the OpenseaToolData
interface in src/types/index.ts file with types.
Render Template
Use the following HTML to render the block.
<nft-card contractAddress="{ data.contractAddress }" tokenId="{ data.tokenId }"></nft-card>
<script src="https://unpkg.com/embeddable-nfts/dist/nft-card.min.js"></script>
Development
This tool uses Vite as builder.
npm run dev
— run development environment with hot reload
npm run build
— build the tool for production to the dist
folder
Links
About CodeX
CodeX is a team of digital specialists around the world interested in building high-quality open source products on a global market. We are open for young people who want to constantly improve their skills and grow professionally with experiments in cutting-edge technologies.
| 🌐 | Join 👋 | Twitter | Instagram | | -- | -- | -- | -- | | codex.so | codex.so/join |@codex_team | @codex_team |