EditorsOfficial Website

TinyMCE is the most advanced WYSIWYG HTML editor designed to simplify website content creation.

Javascript
<!-- Tinymce wysihtml5 js -->
<script src="{% static 'libs/tinymce/tinymce.min.js' %}"></script>
Initjs (Custom js)
<!-- File upload js -->
<script src="{% static 'js/pages/form-editor.init.js' %}"></script>
Add Package
yarn add tinymce --save
Remove Package
yarn remove tinymce or you can remove package by removing specific package from package.json
Examples:
Title Javascript
Tinymce 
if(document.getElementById("elm1")){
                                            tinymce.init({
                                                selector: 'textarea#elm1',
                                                height: 350,
                                                plugins: [
                                                    'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'preview',
                                                    'anchor', 'searchreplace', 'visualblocks', 'code', 'fullscreen',
                                                    'insertdatetime', 'media', 'table', 'help', 'wordcount'
                                                ],
                                                toolbar: 'undo redo | blocks | ' +
                                                    'bold italic backcolor | alignleft aligncenter ' +
                                                    'alignright alignjustify | bullist numlist outdent indent | ' +
                                                    'removeformat | help',
                                                content_style: 'body { font-family:"Poppins",sans-serif; font-size:16px }'
                                            });
                                            }
© Skote.