Froala is a jQuery based component. You are therefore required to include it in your "index.html" file. You can get the newest version from jquery.com or use the one we have attached in this demo workspace.

<script type="text/javascript" src="

Froala/js/jquery.js

"></script>
<script src="Froala/cWebFroalaEditor.min.js"></script>
<script src="Froala/js/froala_editor.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/align.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/line_breaker.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/char_counter.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/code_view.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/colors.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/draggable.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/entities.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/font_size.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/font_family.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/fullscreen.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/image.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/image_manager.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/inline_style.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/link.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/lists.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/paragraph_format.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/paragraph_style.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/quote.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/table.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/url.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/video.min.js"></script>
<script type="text/javascript" src="Froala/js/plugins/code_beautifier.min.js"></script>
<script type="text/javascript" src="Froala/js/languages/ar.js"></script>
<script type="text/javascript" src="Froala/js/languages/bs.js"></script>
<script type="text/javascript" src="Froala/js/languages/cs.js"></script>
<script type="text/javascript" src="Froala/js/languages/da.js"></script>
<script type="text/javascript" src="Froala/js/languages/de.js"></script>
<script type="text/javascript" src="Froala/js/languages/en_ca.js"></script>
<script type="text/javascript" src="Froala/js/languages/en_gb.js"></script>
<script type="text/javascript" src="Froala/js/languages/et.js"></script>
<script type="text/javascript" src="Froala/js/languages/es.js"></script>
<script type="text/javascript" src="Froala/js/languages/fa.js"></script>
<script type="text/javascript" src="Froala/js/languages/fi.js"></script>
<script type="text/javascript" src="Froala/js/languages/fr.js"></script>
<script type="text/javascript" src="Froala/js/languages/he.js"></script>
<script type="text/javascript" src="Froala/js/languages/hr.js"></script>
<script type="text/javascript" src="Froala/js/languages/hu.js"></script>
<script type="text/javascript" src="Froala/js/languages/id.js"></script>
<script type="text/javascript" src="Froala/js/languages/it.js"></script>
<script type="text/javascript" src="Froala/js/languages/ja.js"></script>
<script type="text/javascript" src="Froala/js/languages/ko.js"></script>
<script type="text/javascript" src="Froala/js/languages/me.js"></script>
<script type="text/javascript" src="Froala/js/languages/nb.js"></script>
<script type="text/javascript" src="Froala/js/languages/nl.js"></script>
<script type="text/javascript" src="Froala/js/languages/pl.js"></script>
<script type="text/javascript" src="Froala/js/languages/pt_br.js"></script>
<script type="text/javascript" src="Froala/js/languages/pt_pt.js"></script>
<script type="text/javascript" src="Froala/js/languages/ro.js"></script>
<script type="text/javascript" src="Froala/js/languages/ru.js"></script>
<script type="text/javascript" src="Froala/js/languages/sr.js"></script>
<script type="text/javascript" src="Froala/js/languages/sv.js"></script>
<script type="text/javascript" src="Froala/js/languages/th.js"></script>
<script type="text/javascript" src="Froala/js/languages/tr.js"></script>
<script type="text/javascript" src="Froala/js/languages/ua.js"></script>
<script type="text/javascript" src="Froala/js/languages/zh_cn.js"></script>
<script type="text/javascript" src="Froala/js/languages/zh_tw.js"></script>

<link rel="stylesheet" type="text/css" href="Froala/cWebFroalaEditor.css">
<link rel="stylesheet" href="Froala/css/froala_editor.min.css">
<link rel="stylesheet" href="Froala/css/froala_style.min.css">
<link rel="stylesheet" href="Froala/css/plugins/code_view.min.css">
<link rel="stylesheet" href="Froala/css/plugins/colors.min.css">
<link rel="stylesheet" href="Froala/css/plugins/image_manager.min.css">
<link rel="stylesheet" href="Froala/css/plugins/image.min.css">
<link rel="stylesheet" href="Froala/css/plugins/line_breaker.min.css">
<link rel="stylesheet" href="Froala/css/plugins/table.min.css">
<link rel="stylesheet" href="Froala/css/plugins/char_counter.min.css">
<link rel="stylesheet" href="Froala/css/plugins/video.min.css">
<link rel="stylesheet" href="Froala/css/plugins/fullscreen.min.css">
<link rel="stylesheet" href="Froala/css/font-awesome/css/font-awesome.css">

cWebFroalaEditor

Installation guide