React JoditEditor вставить изображение не работает

#reactjs #rich-text-editor

Вопрос:

Я использовал JoditEditor для вставки изображения в свой код. Но когда я пытаюсь вставить изображение, я не могу поместить URL-адрес изображения в поле URL, и кнопка «Вставить» не работает. Кто-нибудь может мне с этим помочь? Скриншот и мой код приведены ниже:

 const editor = useRef(null);
const config = {
readonly: false, // all options from https://xdsoft.net/jodit/doc/};

const [content, setContent] = useState("");
<JoditEditor
            ref={editor}
            value={content}
            config={config}
            tabIndex={1}
            onBlur={(newContent) => setContent(newContent)}
            onChange={(newContent) => {}}
          />
 

Скриншот

Ответ №1:

Я предполагаю, что вы используете Модальный. У меня была та же проблема, и вот как я исправил ее в модальном интерфейсе material-ui, добавив реквизит disableEnforceFocus.

   <Modal open={true} disableEnforceFocus>
    <JoditEditor
        ref={editor}
        value={content}
        config={config}
        tabIndex={1}
        onBlur={(newContent) => setContent(newContent)}
        onChange={(newContent) => {}}
      />
  </Modal>
 

Комментарии:

1. Я попробовал ваше предложение, и оно не сработало — есть ли эквивалент для модального загрузчика?