TinyMCE Editor(https://www.tinymce.com/features/) is an online text editor,
it is used to write posts on blog, email, or something else. It is quite convenient
to build application we want. Just add the tinymce js to the website and configure
it. In TinyMCE official website, many features are shown, we can add what we want.
<!DOCTYPE html>
<html>
<head>
<script src="./js/tinymce/tinymce.min.js"></script>
<script>
tinymce.init({
selector: 'textarea',
height: 500,
theme: 'modern',
plugins: [
'advlist autolink lists link image charmap print preview hr anchor pagebreak',
'searchreplace wordcount visualblocks visualchars code fullscreen',
'insertdatetime media nonbreaking save table contextmenu directionality',
'emoticons template paste textcolor colorpicker textpattern imagetools codesample toc'
],
toolbar1: 'undo redo | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
toolbar2: 'print preview media | forecolor backcolor emoticons | codesample',
image_advtab: true,
templates: [
{ title: 'Test template 1', content: 'Test 1' },
{ title: 'Test template 2', content: 'Test 2' }
],
content_css: [
// '//www.fonts.com/css?family=Lato:300,300i,400,400i',
'./css/codepen.min.css'
]
});
</script>
</head>
<body>
<textarea>Easy (and free!) You should check out our premium features.</textarea>
</body>
</html>