Skip to content
Inline-Code Tool for Editor.js 2.0
Branch: master
Clone or download
gohabereg Feature/renaming (#8)
* Rename all occurences

* 1.3.0

* Update packages

* Rename repo

* Create .npmignore
Latest commit 522f4bc Mar 1, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets Inline Code Tool Aug 1, 2018
dist Feature/renaming (#8) Mar 1, 2019
src
.gitignore
.npmignore
LICENSE Inline Code Tool Aug 1, 2018
README.md Feature/renaming (#8) Mar 1, 2019
package.json Feature/renaming (#8) Mar 1, 2019
webpack.config.js
yarn.lock Feature/renaming (#8) Mar 1, 2019

README.md

InlineCode Tool

Inline Tool for marking code-fragments for the Editor.js.

Installation

Install via NPM

Get the package

npm i --save-dev @editorjs/inline-code

Include module at your application

const InlineCode = require('@editorjs/inline-code');

Download to your project's source dir

  1. Upload folder dist from repository
  2. Add dist/bundle.js file to your page.

Load from CDN

You can load specific version of package from jsDelivr CDN.

https://cdn.jsdelivr.net/npm/@editorjs/inline-code@1.0.1

Require this script on a page with Editor.js.

<script src="..."></script>

Usage

Add a new Tool to the tools property of the Editor.js initial config.

var editor = EditorJS({
  ...
  
  tools: {
    ...
    inlineCode: {
      class: InlineCode,
      shortcut: 'CMD+SHIFT+M',
    },
  },
  
  ...
});

Config Params

This Tool has no config params

Output data

Marked text will be wrapped with a span tag with an inline-code class.

{
    "type" : "text",
    "data" : {
        "text" : "Create a directory for your module, enter it and run <span class=\"inline-code\">npm init</span> command."
    }
}
You can’t perform that action at this time.