JSFiddle - React, Tailwind, and code Playground

by Сергей Тарасевич

HTML

<link rel="stylesheet" href="http://d0gmatist.pro/templates/madison2/media_catalog/trumbowyg/ui/trumbowyg.min.css">
<link rel="stylesheet" href="http://d0gmatist.pro/templates/madison2/media_catalog/trumbowyg/plugins/colors/ui/trumbowyg.colors.min.css">
<script src="http://d0gmatist.pro/templates/madison2/media_catalog/trumbowyg/trumbowyg.min.js"></script>
<script src="http://d0gmatist.pro/templates/madison2/media_catalog/trumbowyg/plugins/colors/trumbowyg.colors.min.js"></script>
<script src="http://d0gmatist.pro/templates/madison2/media_catalog/trumbowyg/langs/ru.min.js"></script>
<div id="add_comment"></div>
<div data-add_comment="btn">add_comment</div>

JavaScript

$( '#add_comment' ).trumbowyg ({
	btnsDef: {
		// Customizables dropdowns
		image: {
			dropdown: ['insertImage','upload','base64'],
			ico: 'insertImage'
		}
	},
    resetCss: true,
    lang: 'ru',
	btns: ['viewHTML','|','formatting','|','btnGrp-design','|','link','|','image','|','btnGrp-justify','|','btnGrp-lists','|','foreColor','backColor','|','horizontalRule']
});
    
$( document ).on( 'click', '[data-add_comment="btn"]', function () {
    var a = $('#add_comment').trumbowyg('html');
    console.log(a);

});