reactjs - FileManager 对话框内容区域中的 CKEditor 文本字段不起作用（替代文本、宽度、高度......）

Question

我在我的反应应用程序中使用 ckeditor4-react 包。当我想将图像添加到文本时，文件浏览器正在打开，我选择图像或上传图像，但我无法更改图像的大小或添加替代文本。因为文本字段被禁用。

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

替代文本、宽度、高度、边框、HSpace 和 VSpace 字段不可编辑

标签： reactjsckeditorimage-uploadingckeditor4.x

Answer 1

在我看来，您的 ckeditor react 软件包已与

config.readOnly

属性设置为真。

尝试将其包含在您的 CKEditor 标签下：

readOnly={false}

或者，更改包配置。

请参阅：CKEditor 只读配置属性以获取更多信息。