Tinymc

Step 1: Install django-tinymce

pip install django-tinymce

Step 2: Add 'tinymce' to INSTALLED_APPS

INSTALLED_APPS = [
   
    'tinymce',
   
]

Step 3: Configure TinyMCE Settings

TINYMCE_DEFAULT_CONFIG = {
    'height': 360,
    'width': 800,
    'plugins': 'textcolor autolink link image lists code',
    'toolbar': 'undo redo | formatselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | code',
}

Step 4: Load TinyMCE in Your Template

    <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/6.7.1/tinymce.min.js"></script>
    <script>
        tinymce.init({selector:'textarea'});
    </script>

Step5: post details page

    {{post.content|safe}} 

Last updated