JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.6.1/summernote.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.6.1/summernote.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.6.1/summernote-bs2.min.css">
<button id="btn">Update content</button><br /><br />
<textarea id="editor">WORD</textarea>

JavaScript

$(document).ready(function(){
    $('#editor').summernote({
        height:200,
        toolbar: [ ['text', ['bold', 'italic', 'underline']],
					['misc', ['codeview']]
				]
    });
    
    $('[data-event="codeview"]').live('click', function(){
        $('#editor').code($('#editor').code()+'a');
    });
    
    $('#btn').click(function(){
        $('#editor').code($('#editor').code()+'a');
    });
});