Necrotizing Pineapple Music

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

    0.0.14 • 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

    Install

    npm i @geekie/geekie-image

    DownloadsWeekly Downloads

    690

    Version

    0.0.14

    License

    MIT

    Unpacked Size

    96.2 kB

    Total Files

    27

    Last publish

    Collaborators

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