JSFiddle - React, Tailwind, and code Playground

by smacky311

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<input type="text" class="displayCode" title="Sample Code">

<div id="popover-content" style="display: none">
    <code>
        func()
        <label id="sample">sample content</label>
    </code>
</div>

JavaScript

$('.displayCode').popover({
    html : true,
    trigger : 'focus',
    placement: 'bottom',
    content : function() {
        return $('#popover-content').html();
    }
});
$('.displayCode').keyup(function() {
    var keyValue = $('.displayCode').val();
    $('#sample').html(keyValue);
    $('.popover #sample').html(keyValue);
});