#wordpress #wordpress-gutenberg
#wordpress #wordpress-gutenberg
Вопрос:
При регистрации нового блока я не могу установить значение по умолчанию при использовании a RichText
с multiline
тегом
attributes: {
header: {
type: 'string',
source: 'text',
selector: 'h2',
default: 'default',
},
text: {
type: 'array',
source: 'children',
selector: 'div',
default: 'Lorem Ipsum Dolor Sit Amet',
// also tested, same result
// default: ['Lorem Ipsum Dolor Sit Amet', 'test', 'test2'],
// default: () => <p>Lorem Ipsum Dolor Sit Amet</p>,
// default: [() => <p>Lorem Ipsum Dolor Sit Amet</p>],
},
},
edit: ({ attributes: { header, text }, setAttributes }) => {
const blockProps = useBlockProps()
return (
<div {...blockProps}>
<RichText tagName="h2" placeholder={'Header'} onChange={header => setAttributes({ header })} value={header} />
<RichText
tagName="div"
multiline="p"
placeholder={'Write here the description'}
onChange={text => setAttributes({ text })}
value={text}
/>
</div>
)
},
Если я удалю multiline="p"
строку, я увижу текст по умолчанию, но с ним я ничего не вижу
Где ошибка?
Ответ №1:
Альтернативный упрощенный способ использования атрибутов для установки значения по умолчанию для RichText с multiline="p"
помощью:
attributes: {
...
text: {
type: 'string', // changed from array
source: 'children',
selector: 'div',
default: [<p>Lorem Ipsum Dolor Sit Amet</p>, <p>test</p>, <p>test2</p>]
}
Ответ №2:
Я смог сделать это, используя то, что вы собираете при редактировании текста вручную
default: [
{ type: 'p', props: { children: ['Lorem Ipsum Dolor Sit Amet'] } },
{ type: 'p', props: { children: ['test'] } },
],