Файл: Main Website Files/assets/js/froala_editor/examples/characters_counter.html
Строк: 54
<?php
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="../css/froala_editor.min.css" rel="stylesheet" type="text/css">
<link href="../css/froala_style.min.css" rel="stylesheet" type="text/css">
<style>
body {
text-align: center;
}
section {
width: 80%;
margin: auto;
text-align: left;
}
</style>
</head>
<body>
<section id="editor">
<div id='edit' style="margin-top: 30px;">
</div>
</section>
<script src="../js/libs/jquery-1.11.1.min.js"></script>
<script src="../js/froala_editor.min.js"></script>
<!--[if lt IE 9]>
<script src="../js/froala_editor_ie8.min.js"></script>
<![endif]-->
<script src="../js/plugins/tables.min.js"></script>
<script src="../js/plugins/char_counter.min.js"></script>
<script src="../js/plugins/lists.min.js"></script>
<script src="../js/plugins/colors.min.js"></script>
<script src="../js/plugins/font_family.min.js"></script>
<script src="../js/plugins/font_size.min.js"></script>
<script src="../js/plugins/block_styles.min.js"></script>
<script src="../js/plugins/media_manager.min.js"></script>
<script src="../js/plugins/video.min.js"></script>
<script>
$(function(){
$('#edit')
.editable({inlineMode: false, maxCharacters: 140})
.on('editable.maxCharNumberExceeded', function () {
alert('Character number was exceeded.')
})
});
</script>
</body>
</html>
?>