如何解决如何在Wordpress中的自定义Gutenberg编辑器块中进行输入验证?
我想对edit函数中src和figcaption属性中的用户输入进行一些检查。我一直在环顾四周,但没有发现任何有用的东西。
也许我还需要在保存功能中进行检查?我认为,尽管在编辑功能中检查了输入后,这是多余的。
registerBlockType('gutenberg-examples/example-01-basic-esnext',{
attributes: {
src: {
type: 'string'
},figcaption: {
type: 'string'
}
},edit({attributes,setAttributes}) {
const onChange = (e) => setAttributes({[e.target.name]: e.target.value})
return (
<form>
<header>example-01-basic-esnext</header>
<input style={{width: '100%',marginBottom: '1rem'}}
type="text"
value={attributes.src}
onChange={onChange}
name="src"
placeholder="src"/>
<br></br>
<input style={{width: '100%'}}
type="text"
value={attributes.figcaption}
onChange={onChange}
name="figcaption"
placeholder="figcaption"/>
</form>
);
},...
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。