rendering empty line as `<br />` about redraft

[lokiuz]

I'm not sure what inconsistencies are you getting? Seems like you first thing you want to check is that you're not using the cleanup option - that's what causes the behavior in the example.

I tweaked it a little so that an empty line returns just a <br/> not wrapped in a <div>.

unstyled: (children, { keys }) =>
    children.map((child, index) => {
      const last = child[child.length - 1];
      if (last.length === 0) {
        return <br key={keys[index]} />;
      }
      return <div key={keys[index]}>{child}</div>;
    }),

Another solution would be doing something similar to the example:

const addBreaklines = children => children.map(child => [child, <br />]);

blocks = {
  unstyled: (children, { keys }) => <div key={keys[0]}>{addBreaklines(children)}</div>,
}

This creates a single <div> around all the unstyled blocks and also adds a <br /> after each block.

[cusxio]

ah I see the issue now. I've been adding the line break to the children's children, instead of the children.

No wonder it created some issues with the styles clashing with other entities.