ckeditor5-image-upload-base64/docs/_snippets/framework/tutorials/inline-widget.html

The development environment of CKEditor 5 – the best browser-based rich text editor.

<style>
	.placeholder {
		background: #ffff00;
		padding: 4px 2px;
		outline-offset: -2px;
		line-height: 1em;
		margin: 0 1px;
	}

	.placeholder::selection {
		display: none;
	}
</style>

<div id="snippet-inline-widget">
	<p>Hello <span class="placeholder">{first name}</span> <span class="placeholder">{surname}</span>!</p>
</div>