Текстовые поля CKEditor в области содержимого диалога FileManager не работают (альтернативный текст, ширина, высота, ...)

Question

Я использую пакет ckeditor4-реагировать в моем приложении реакции. Когда я хочу добавить изображение к тексту, открывается файловый браузер, я выбираю изображение или загружаю изображение, но не могу изменить размер изображения или добавить альтернативный текст. Потому что текстовые поля отключены.

let c = { 
filebrowserBrowseUrl: 'http://localhost:3002/admin/photopicker', 
filebrowserUploadUrl: `https://api.cloudinary.com/v1_1/${config.cloud_name}/upload`
};

<CKEditor 
config={c} 
ref="editor" 
data={this.props.data} 
onChange={this.props.onEditorChange} 
onFileUploadRequest={this.onFileUploadRequest} 
onFileUploadResponse={this.onFileUploadResponse} 
onDialogShow={this.onDialogShow} />

Я ожидаю редактировать размер как в демо: https://ckeditor.com/docs/ckeditor4/latest/examples/image.html

Альтернативные поля Text, width, height, border, HSpace и VSpace недоступны для редактирования

Answer 1

Мне кажется, что ваш пакет реакции ckeditor был установлен со свойством

config.readOnly

, установленным в значение true.

Попробуйте включить это в свой тег CKEditor:

readOnly={false}

или измените конфигурацию пакета.

См. CKEditor readOnly config свойство для получения дополнительной информацииинформация об этом.