JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCore.css" />
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shThemeDefault.css" />

 
<textarea name="code" class="brush:html">
    <div>
        <p>SyntaxHighlighter Demo</p>
    </div>
</textarea>  

<textarea name="code" class="brush:css">
.box {
    color: #FFF;
}
</textarea>  

<textarea name="code" class="brush:javascript">
console.log("test")
</textarea> 


<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shCore.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushXml.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushCss.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shLegacy.js"></script>
<script type="text/javascript">
    SyntaxHighlighter.all();
    dp.SyntaxHighlighter.HighlightAll('code');
</script>