Slatejs将断行反序列化为新片段

时间:2017-10-15 16:07:08

标签: javascript slate.js

我正在使用slatejs,我有以下html行, <p>Line one<br /> Line two</p>

br的当前规则如下,

deserialize(el, next) {
    const block = BLOCK_TAGS[el.tagName.toLowerCase()];
    if (!block) return;
    return {
        kind: 'block',
        type: block,
        nodes: next(el.childNodes),
    };
},

const BLOCK_TAGS = {
  p: 'paragraph',
  li: 'list-item',
  ul: 'bulleted-list',
  ol: 'numbered-list',
  blockquote: 'quote',
  pre: 'code',
  h1: 'heading-one',
  h2: 'heading-two',
  h3: 'heading-three',
  h4: 'heading-four',
  h5: 'heading-five',
  h6: 'heading-six',
  br: 'br',
}

但这会创建一个空行,导致退格问题,我尝试在序列化中传递一个新块,但这给了我相同的结果。

我的反序列化规则应该是什么,以便我的文本在平板编辑器中呈现如下。

Line one
Line two

0 个答案:

没有答案