Paragraph Styles in Froala Editor V3

by Jithin Raj P R

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/mode/xml/xml.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://editor-latest.s3.amazonaws.com/v3/js/froala_editor.pkgd.min.js"></script>
<link rel="stylesheet" href="https://editor-latest.s3.amazonaws.com/v3/css/froala_editor.pkgd.min.css">
<link rel="stylesheet" href="https://editor-latest.s3.amazonaws.com/v3/css/froala_style.min.css">
<div id="froala-editor">
  

<table align="center" bgcolor="#f2f2f2" border="0" cellpadding="0" cellspacing="0" class="has-edited" style="border-collapse: collapse;background-color: #f2f2f2 ;" width="100%">
	<tbody>
		<tr>
			<td style="position: relative;">
				<div style="
				min-height: 0;"><img src="https://app.tieit.io/assets/img/cdn/emt-img/space.png" style="max-height: 1px; min-height: 1px; width: 600px; min-width: 600px ! important; border-style: none;" class="fr-dib" width="600" height="1" border="0"></div>

				<table align="center" bgcolor="#ffffff" class="deviceWidth has-edited" style="border-collapse: collapse;border-spacing: 0; width: 600px; max-width:100%; background-color:#ffffff; border:1px solid #DEDEDE;color:#7E7E7E; font-family: arial; font-size: 13px;text-align:center;">
					<tbody>
						<tr>
							<td align="center" width="100%">

								<table align="center" bgcolor="#fff" border="0" cellpadding="0" cellspacing="0" class="deviceWidth has-edited" style="margin: 0 auto; background-color: #fff;" width="600">
									<tbody>
										<tr>
											<td align="center" width="100%">

												<table align="center" bgcolor="#fff" border="0" cellpadding="0" cellspacing="0" class="deviceWidth par_pad has-edited" style="margin: 0px auto...

JavaScript

new FroalaEditor('div#froala-editor')