Gutenberg change/remove "Write your story" placeholder in custom blocks

Question

When created a new page or post or columns blocks we get the "Write your story" placeholder. Can this be removed or replaced, in custom blocks? How?

Answer 1

There does seem to be a filter to modify the default: https://github.com/WordPress/gutenberg/blob/master/lib/client-assets.php#L1574

'bodyPlaceholder'        => apply_filters( 'write_your_story', __( 'Write your story', 'gutenberg' ), $post ),

So you should be able to use the WordPress add_filter() function.

Answer 2

Here's an example block taken from WordPress/gutenberg-examples with placeholder text added.

const { __, setLocaleData } = wp.i18n;
const { registerBlockType } = wp.blocks;
const { RichText } = wp.editor;

setLocaleData( window.gutenberg_examples_03_esnext.localeData, 'gutenberg-examples' );

registerBlockType( 'gutenberg-examples/example-03-editable-esnext', {
    title: __( 'Example: Editable (esnext)', 'gutenberg-examples' ),
    icon: 'universal-access-alt',
    category: 'layout',
    attributes: {
        content: {
            type: 'array',
            source: 'children',
            selector: 'p',
        },
    },
    edit: ( props ) => {
        const { attributes: { content }, setAttributes, className } = props;
        const onChangeContent = ( newContent ) => {
            setAttributes( { content: newContent } );
        };
        return (
            <RichText
                tagName="p"
                className={ className }
                onChange={ onChangeContent }
                value={ content }
                placeholder={__('wpse316624 placeholder text', 'custom-block')}
            />
        );
    },
    save: ( props ) => {
        return <RichText.Content tagName="p" value={ props.attributes.content } />;
    },
} );