Использование пролетов в реаги-гусиных перьях - PullRequest
Новая
       6

Использование пролетов в реаги-гусиных перьях

0 голосов
/ 30 августа 2018

Я пытаюсь создать компонент Quill Editor, используя act-quill со значением по умолчанию, включающим теги <span> вокруг некоторых слов, которые необходимо будет идентифицировать отдельно.

При первоначальном рендере редактор продолжает удалять мои теги span. Я пытался создать блот, чтобы обойти эту проблему, но, похоже, это не работает. Вот мой блот-код: 

import * as React from 'react';
import ReactQuill, { Quill } from 'react-quill';

let Inline = Quill.import('blots/inline')
class SpanBlot extends Inline { }
SpanBlot.blotName = 'span';
SpanBlot.tagName = 'span';
Quill.register('formats/span', SpanBlot);

и вот моя функция рендеринга: 

render() {
    return (
      <ReactQuill
        modules={{toolbar: null}}
        value={this.state.text}
        onChange={this.handleTextChange}
        ref={'editor'}
        onChangeSelection={this.onChangeSelection}
        formats={['formats/span', 'span', 'id', 'key', 'bold', 'underline', 'link']}
      />
    )
  }

Я также надеюсь, что смогу установить значение id или key для spans, но сейчас мне бы очень хотелось, чтобы их вообще можно было вставить в компонент.

...