HTML template with paragraph

by ami_cloudoe

HTML

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

<div style="font-size: 12pt; font-family: arial;">
<div>
<p><span style="font-size: 12pt;">customer: {{customer}}</span></p>
<p><span style="font-size: 12pt;">customer_name: {{customer_name}}</span></p>
<p><span style="font-size: 12pt;">{{content}}</span></p>
</div>
<div>&nbsp;</div>
<div>agent: {{agent}}</div>
<div>agent_name: {{agent_name}}
<p><span style="font-size: 12pt;">title: {{title}}</span></p>
<p><span style="font-size: 12pt;">user alias / avatar image: {{alias}}</span></p>
</div>
<div>user alias / avatar image: {{AGENT_ALIAS}}</div>
<div>
<p><span style="font-size: 12pt;">OPTIONS</span></p>
user.email: {{user.email}}
<p><span style="font-size: 12pt;">department: {{department}}&nbsp;</span></p>
<p><span style="font-size: 12pt;">user.title: {{user.title}}</span></p>
<p><span style="font-size: 12pt;">user.name: {{user.name}}</span></p>
</div>
<div>customer.name: {{customer.name}}
<p><span style="font-size: 12pt;">from_name: {{from_name}}</span></p>
<p><span style="font-size: 12pt;">preffered name {{PREFFERED_NAME}}</span></p>
</div>
</div>

JavaScript

$('#froala-editor').froalaEditor({
});