JSFiddle - React, Tailwind, and code Playground

by ryanbrill

HTML

<textarea></textarea>
<a href="javascript:void(0)" class="entities">Convert to entites</a> | <a href="javascript:void(0)" class="html">Convert to HTML</a>

CSS

textarea {
    width: 100%;
    height: 400px;
}

JavaScript

$(function() {
    $('a.entities').bind('click', function() {
        $('textarea').val($('textarea').val().replace(/</g, '&lt;').replace(/>/g, '&gt;'));
    });
     $('a.html').bind('click', function() {
        $('textarea').val($('textarea').val().replace(/&lt;/g, '<').replace(/&gt;/g, '>'));
    });
});