JSFiddle - React, Tailwind, and code Playground

by giovanni gokhan morkoc

HTML

<span class="blockquote">I am original</span><br>
<span class="blockquote--img">I am image</span><br>
<span class="blockquote--icons">I am icon</span>

CSS

.blockquote--img{
  
  color:red;
  font-size:50px;
}

.blockquote--icons{
  
  color:blue;
  font-size:40px;
}

JavaScript

$("span.blockquote").replaceWith(function() { return "<blockquote>" + this.innerHTML + "</blockquote>"; });

$("span.blockquote--img").replaceWith(function() { return "<blockquote class="blockquote--img">" + this.innerHTML + "</blockquote>"; });

$("span.blockquote--icons").replaceWith(function() { return "<blockquote class="blockquote--icons">" + this.innerHTML + "</blockquote>"; });