How to create custom field using AntD
@kapa.ai
i have an example using mui
<Controller
control={control}
name="value"
rules={{ required: "This field is required" }}
defaultValue={""}
render={({ field }) => {
return (
<MDEditor
data-color-mode={mode}
value={field.value}
onChange={field.onChange}
height={500}
minHeight={500}
textareaProps={{
placeholder: "Please enter markdown text",
style: {
fontSize: 16,
lineHeight: 1.5,
minHeight: 900,
},
}}
previewOptions={MarkdownUtils.previewOptions}
commands={MarkdownUtils.defaultCommands}
onPaste={async (event: any) => {
await MarkdownUtils.onImagePasted(
event.clipboardData,
(v) => {
field.onChange({ target: { value: v } });
}
);
}}
onDrop={async (event: any) => {
await MarkdownUtils.onImagePasted(event.dataTransfer, (v) => {
field.onChange({ target: { value: v } });
});
}}
/>
);
}}
/>
i want the equivalent in antd
i have an example using mui
<Controller
control={control}
name="value"
rules={{ required: "This field is required" }}
defaultValue={""}
render={({ field }) => {
return (
<MDEditor
data-color-mode={mode}
value={field.value}
onChange={field.onChange}
height={500}
minHeight={500}
textareaProps={{
placeholder: "Please enter markdown text",
style: {
fontSize: 16,
lineHeight: 1.5,
minHeight: 900,
},
}}
previewOptions={MarkdownUtils.previewOptions}
commands={MarkdownUtils.defaultCommands}
onPaste={async (event: any) => {
await MarkdownUtils.onImagePasted(
event.clipboardData,
(v) => {
field.onChange({ target: { value: v } });
}
);
}}
onDrop={async (event: any) => {
await MarkdownUtils.onImagePasted(event.dataTransfer, (v) => {
field.onChange({ target: { value: v } });
});
}}
/>
);
}}
/>
i want the equivalent in antd
