JSFiddle - React, Tailwind, and code Playground

by Dhanck

HTML

<link rel="stylesheet" href="http://www.jqueryscript.net/demo/Responsive-WYSIWYG-Text-Editor-with-jQuery-Bootstrap-LineControl-Editor/editor.css">
<script src="http://www.jqueryscript.net/demo/Responsive-WYSIWYG-Text-Editor-with-jQuery-Bootstrap-LineControl-Editor/editor.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<div id="txtEditor"></div>

CSS

.Editor-container {
    margin-top: 0px;
       
}
#menuBarDiv .dropdown-toggle {
    font-size: 12px;
}
#menuBarDiv{
     color: #7f7f7f!important;
    background-color: #f6f6f6;
        background-image:none;
}
#menuBarDiv .btn{
     color: #7f7f7f!important;
}
#statusbar{
         color: #7f7f7f!important;
    background-color: #f6f6f6;
        background-image:none;
}
#statusbar .label {
    float: right;
    margin: 6px 10px 0 0;
    padding: 2px 4px;
    font-size: 11.844px;
    line-height: 14px;
    text-shadow:none;
    background:none;
    color: #7f7f7f;
}

JavaScript

$("#txtEditor").Editor();    
$('.btn-default').addClass('btn-sm')