JSFiddle - React, Tailwind, and code Playground

by mpsingh2003

HTML

<div contenteditable>
    <p style='text-align:center'>Content line 1</p>
    <p style='text-align:center'>Content line 2</p>
    <p>Content line 3</p>
</div>

CSS

.selectedtext{
    background-color:#cccccc;
    display:table;
}

JavaScript

$("div").keydown(function(e){
	if(e.ctrlKey && e.keyCode == 65){
    	$(this).children().addClass('selectedtext');
        e.preventDefault();
    }
});

$("div").click(function(e){
	$(this).children().removeClass('selectedtext');
})