@geekie/geekie-image
TypeScript icon, indicating that this package has built-in type declarations

0.0.15 • Public • Published

geekie-image

DrafJS Plugin that adds image support. This is a fork of the @draft-js-plugins/image package. It adds features like image loading and resizing.

Basic usage

import React, { ReactElement } from 'react';
import { DraftailEditor as Editor, INLINE_STYLE } from 'draftail';
import createImagePlugin, {
  registerUploadImageTask,
} from '@geekie/geekie-image';
import 'draftail/dist/draftail.css';

const imagePlugin = createImagePlugin();
const plugins = [imagePlugin];

// Register how to upload the selected image
registerUploadImageTask(() =>
  Promise.resolve('https://picsum.photos/1000/700')
);

const SimpleImageEditor = (): ReactElement => (
  <div>
    <Editor
      topTool
      controls={[imagePlugin.control]}
      inlineStyles={[
        { type: INLINE_STYLE.BOLD },
        { type: INLINE_STYLE.ITALIC },
      ]}
      entityTypes={[imagePlugin.entityType]}
      plugins={plugins}
    />
  </div>
);

export default SimpleImageEditor;

Setup

yarn

Running in storybook

yarn storybook

Publishing

Edit the packages/image/package.json by yourself.

yarn build
cd packages/image && npm publish

Package Sidebar

Install

npm i @geekie/geekie-image

Weekly Downloads

576

Version

0.0.15

License

MIT

Unpacked Size

98.8 kB

Total Files

28

Last publish

Collaborators

  • zonetti
  • mattbarros
  • izabelamelo
  • thomaz.morais
  • carlateo
  • leocpadua
  • rsalmeidafl
  • danielbucher
  • duailibe