JSFiddle - React, Tailwind, and code Playground

by umarsyarifudin

HTML

<script type='text/javascript'>
//<![CDATA[
ki = document.getElementById('comment-holder');
if (ki) {
    zx = ki.getElementsByTagName("p");
    for (i = 0; i < zx.length; i++) {
        if (zx.item(i).getAttribute('CLASS') == 'comment-content') {
            ki_emo = zx.item(i).innerHTML.replace(/:\)/gi, "<img src='https://lh5.googleusercontent.com/-CxR89cQ6z_w/T5PUFOeFgAI/AAAAAAAAF9w/iMjD3uRpQcA/s14/smile.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://lh4.googleusercontent.com/--PkV_OIjL1o/T5PUDTxTL7I/AAAAAAAAF9w/VhMDau2ZQRY/s14/kiki.gif' alt='' class='comment_emo'/>");
           ki_emo = ki_emo.replace(/:o/gi, "<img src='https://lh6.googleusercontent.com/-n7Dnr3xhvxc/T5PUA-rr7TI/AAAAAAAAF9w/oRz8Ky1QGLs/s14/gasp.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/-\_\-/gi, "<img src='http://s14.postimg.org/y3b4ki1el/image.png' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-1PcWpQs/s1600/applause.gif' alt='' class='comment_emo'/>");
          ki_emo = ki_emo.replace(/:'\(/gi, "<img src='http://s15.postimg.org/5e01j4n5z/image.png' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://lh3.googleusercontent.com/-jaut_sECDV0/T5PUAuDJcuI/AAAAAAAAF9w/Rj5PzdxDtyk/s14/frown.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\;\)/gi, "<img src='https://lh5.googleusercontent.com/-szG4En81cPY/T5PUJukHH5I/AAAAAAAAF9w/yjjBA4xRcig/s14/wink.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='https://lh5.googleusercontent.com/-7DIUrw65jhU/T5PUCExFohI/AAAAAAAAF9w/w33egaWpJF0/s14/grin.gif='' class='comment_emo'/>");
          ki_emo = ki_emo.replace(/:\*/gi, "<img src='http://s27.postimg.org/y6wwflrm7/Untitled_4.png' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\p/gi,...

JavaScript

<script type='text/javascript'>
//<![CDATA[
ki = document.getElementById('comment-holder');
if (ki) {
    zx = ki.getElementsByTagName("p");
    for (i = 0; i < zx.length; i++) {
        if (zx.item(i).getAttribute('CLASS') == 'comment-content') {
            ki_emo = zx.item(i).innerHTML.replace(/:\)/gi, "<img src='https://lh5.googleusercontent.com/-CxR89cQ6z_w/T5PUFOeFgAI/AAAAAAAAF9w/iMjD3uRpQcA/s14/smile.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://lh4.googleusercontent.com/--PkV_OIjL1o/T5PUDTxTL7I/AAAAAAAAF9w/VhMDau2ZQRY/s14/kiki.gif' alt='' class='comment_emo'/>");
           ki_emo = ki_emo.replace(/:o/gi, "<img src='https://lh6.googleusercontent.com/-n7Dnr3xhvxc/T5PUA-rr7TI/AAAAAAAAF9w/oRz8Ky1QGLs/s14/gasp.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/-\_\-/gi, "<img src='http://s14.postimg.org/y3b4ki1el/image.png' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-1PcWpQs/s1600/applause.gif' alt='' class='comment_emo'/>");
          ki_emo = ki_emo.replace(/:'\(/gi, "<img src='http://s15.postimg.org/5e01j4n5z/image.png' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://lh3.googleusercontent.com/-jaut_sECDV0/T5PUAuDJcuI/AAAAAAAAF9w/Rj5PzdxDtyk/s14/frown.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\;\)/gi, "<img src='https://lh5.googleusercontent.com/-szG4En81cPY/T5PUJukHH5I/AAAAAAAAF9w/yjjBA4xRcig/s14/wink.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='https://lh5.googleusercontent.com/-7DIUrw65jhU/T5PUCExFohI/AAAAAAAAF9w/w33egaWpJF0/s14/grin.gif='' class='comment_emo'/>");
          ki_emo = ki_emo.replace(/:\*/gi, "<img src='http://s27.postimg.org/y6wwflrm7/Untitled_4.png' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\p/gi,...