JSFiddle - React, Tailwind, and code Playground

by dkamburov

HTML

<script src="http://igniteui.com/js/modernizr.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="http://cdn-na.infragistics.com/igniteui/latest/js/infragistics.core.js"></script>
<script src="http://cdn-na.infragistics.com/igniteui/latest/js/infragistics.lob.js"></script>
<script src="http://cdn-na.infragistics.com/igniteui/latest/js/infragistics.dv.js"></script>
<script src="http://igniteui.com/data-files/adventureworks.min.js"></script>


<link href="http://cdn-na.infragistics.com/igniteui/latest/css/themes/bootstrap3/default/infragistics.theme.css" rel="stylesheet"></link>
<link href="http://cdn-na.infragistics.com/igniteui/latest/css/structure/infragistics.css" rel="stylesheet"></link>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style>
.ui-igedit-container {
  display: block;
}
</style>
    <section>
        <h1 class="pageTitle">igTextEditors</h1>
        <div class="igEditors flex">            
            
          <div class="input-group input-group-md">
             <span class="input-group-addon">$</span>
            <!-- <span class="input-group-addon" id="sizing-addon1"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></span> -->
            <input id="textEditor" class="form-control" value="John">
          </div>
        </div>

    </section>

JavaScript

$(function () {
  $("#textEditor").igTextEditor({
  	
  });
});