WordPress Gutenberg RichText, как я могу установить значение по умолчанию с source: ‘дочерние элементы’ при использовании `multiline=»p»`?

#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'] } },
],