when drop a image in editor, it will do as follows:

1. split current block
2. add image atomic
3. add a new blank line

But when the block is a blank line, the first step may not be necessary..

Hi There,

i'm unable to find this package on npm registry. have you considered publishing?

Awesome job! We are looking forward to your consistent update。

I tried to use this package in a project but I get this error: block.getChildKeys is not a function

I cloned this repository, and run storybook, it works, but When I used in a react project it gave Me this error. how can I use it ?

my code

import Editor from "react-tapable-editor";

export default function App() {
  return (
    <div className="App">
      <Editor />
    </div>
  );
}

you can reproduce the error here
https://codesandbox.io/s/nifty-aryabhata-m19vy?file=/src/App.js

I'm interested in creating a PR for this. Would this be welcome?

Is it ready to use in projects?

How to reproduce

1. create multiple text lines
2. drop a block to the right of any block
3. backspace the dropped block
4. backspace continue

Reason

In experimental mode. There is a blockMap

A has a child C
C has a child D
D is empty
if backspace block D, blockMap will be updated as follows:

set A as D's parent
update A's children list
remove C
But, C is still in A's children list due to the use of old newParent which is derived from blockMap

How to fix

Do not use draft-js/lib/NestedRichTextEditorUtil to handle keyCommand operation. Then create a temp fold to override this functionality until fixed in draft-js(facebookarchive/draft-js#2571)

when backspace from the start of a nested block, delete parent instead of child.

removeRangeFromContentState do this work, but it has a bug. Because the parent does not tear down completely, then it will make the grandparent has a non-exist block. The detail please refer to facebookarchive/draft-js#2571

It's a draft-js bug. Detail info refer to facebookarchive/draft-js#2572

How to re-produce

1. drop a image, then it should be followed by a blank new line
2. place cursor to the new line's beginning.
3. press backspace.
4. all the content following the new blank line will be delete as well.

I was trying to run next example locally. But I'm getting following issue.

Can anyone help me with a running example on Codesandbox or snippet?

Hey! Awesome job.
I request you to publish an NPM package to let users easily import the editor in their project.
It's quite urgent for me and I love your editor.
Thanks!

Issue 1: The following gif shows the detail issue info. If backspace a preceding image block, then the following blocks will be deleted as well

Issue 2: To fix this, add shouldPreserveBlocks variable in removeRangeFromContentState function. However, after this issue fix, another issue comes. If there is a blank line before image block, then continue to backspace blank line, it could not be removed.

The final: after fixed issue 1 & 2, it works as expected.