JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" value="bold" onclick='document.execCommand("bold", false, "");'>

 <div id="dash_new_shout_textarea" name="dash_new_shout_textarea" class="dash_new_shout_textarea" contenteditable="true"></div>   
    
    <div contenteditable="true">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc hendrerit, turpis in dictum ultrices, enim lectus sagittis ligula, eu condimentum ipsum tellus eu urna. Morbi lacus justo, pretium sit amet lectus non, molestie hendrerit arcu. Sed quam eros, mattis at libero ac, imperdiet pretium augue. Integer porta sit amet urna vel vulputate. Donec at pretium mauris. Integer leo tellus, hendrerit eu dolor fermentum, egestas vestibulum ipsum. Quisque dolor est, commodo vitae odio eu, pretium volutpat ligula. Duis in orci ullamcorper, mattis arcu nec, vulputate massa. Suspendisse scelerisque porta adipiscing. Nam a nisi nunc. Mauris dictum ipsum quis adipiscing feugiat. Integer rutrum nisi at congue ultricies. Integer a erat id massa viverra gravida sed ut leo. Cras quis purus massa.</div>

CSS

.dash_new_shout_textarea {
	
	height: 90px;
	width: 80%;
	text-align: left;
	border:1px solid #999999;
	background-color:#fefefe;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	font-size: 13px;
	font-family: Arial;
	float: left;
	padding-top: 10px;
	padding-left:10px; padding-right:10px;
		
}

.dash_new_shout_textarea:focus {
	
	height: 90px;
	width: 80%;
	text-align: left;
	border:1px solid #888888;
	background-color:#ffffff;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	font-family: Arial;
	float: left;
	padding-top: 10px;
	padding-left:10px; padding-right:10px;
		
}