JSFiddle - React, Tailwind, and code Playground

by kevalpanchal

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.1/summernote.css">
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.1/summernote.min.js"></script>
 <textarea id="descActivity"></textarea>

CSS

* {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    letter-spacing: 0.5px;
}

JavaScript

$(document).ready(function(){
                  // Initialize WYSIWYG Editor.
                  $("#descActivity").summernote({
                      height: 250,                      
                      disableDragAndDrop: true,
                      fontNames: ["Helvetica", "sans-serif", "Arial", "Arial Black", "Comic Sans MS", "Courier New"],
                      fontNamesIgnoreCheck: ["Helvetica", "sans-serif", "Arial", "Arial Black", "Comic Sans MS", "Courier New"],
                      toolbar: [
                        ["style", ["style"]],
                        ["font", ["bold", "italic", "underline", "clear"]],
                        ["fontname", ["fontname"]],
                        ["color", ["color"]],
                        ["para", ["ul", "ol", "paragraph"]],
                        ["height", ["height"]],
                        ["table", ["table"]],
                        ["insert", ["link", "hr"]],
                        ["view", ["fullscreen", "codeview"]],
                        ["help", ["help"]]
                      ],
                      callbacks: {
                        onImageUpload: function(files) {
                          // Evitamos que se puedan pegar imágenes.
                          null;       
                        }
                      }
                  });                          
                });