Ckeditor Placeholder plugin

placeholder.css

[contenteditable=true][placeholder].ck-editor__is-empty::before {
	content: attr(placeholder);
	position: absolute;
	display: block;
	margin: var(--ck-spacing-large) 0;
	color: #aaa;
}

Placeholder.js

import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
import './placeholder.css';

export default class ETWPlaceholder extends Plugin {
	
	static get pluginName() {
		return "Placeholder";
	}

	init() {
		debugger;
		const editor = this.editor;
		const view = editor.ui.view.editable;

		const placeholder = editor.sourceElement.getAttribute('placeholder');

		if (placeholder) {
			view.extendTemplate({
				attributes: {
					placeholder: placeholder,
				}
			});
		}
	}
}