Интеграция пользовательского текстового редактора в Django
В этом уроке мы реализуем tinymce текстовый редактор в нашем приложении django.
Шаг 1. Установите Django и создайте проект и приложение django.
Шаг 2. Установка django-tinymce: $ pip установка django-tinymce
Шаг 3. Добавьте tinymce в INSTALLED_APPS в settings.py для вашего проекта:
INSTALLED_APPS = (
...
'tinymce',
)
Шаг 4. Добавьте tinymce.url в urls.py для вашего проекта:
urlpatterns = [
...
url(r'^tinymce/', include('tinymce.urls')),
]
Шаг 5. Отредактируйте свой models.py файл соответственно и ввести HTML-поле() для редактора форматированного текста:
from django.db import models
from tinymce.models import HTMLField
class MyModel(models.Model):
...
content = HTMLField()
Это позволит интегрировать простой текстовый редактор в ваше приложение django. Теперь наша задача-настроить этот редактор так, чтобы он выглядел хорошо, и добавить в него больше функций.
Шаг 6. Теперь перейдите на страницу загрузки Tinymce и загрузите любую подходящую версию для вашего приложения django.
вы также можете использовать Tinymce CDN для интеграции tinymce в ваше приложение django.
Шаг 7. Теперь скопируйте загруженные файлы Tinymce и вставьте их в статическую папку вашего проекта. как static/js/tinymce
Шаг 8. Теперь перейдите на Tinymce демо-страницу и выберите нужный текстовый редактор по вашему выбору. Вы также можете выбрать платную версию, если вам нужно больше функций. Скопируйте содержимое файла JS из редактора.
Шаг 9. Создайте новый файл custom.js в static/js/tinymce папку и вставьте скопированное содержимое в нее и сохраните его.
в этом содержимом файла JS есть много плагинов , которые вы можете добавлять или удалять в соответствии с вашими потребностями.
Шаг 10. Теперь включите оба tinymce.min.js и custom.js файл в нужном шаблоне.
Шаг 11. Теперь создайте форму в соответствии с вашей моделью django и визуализируйте ее в нужном шаблоне. Вы можете использовать {{ form.as_p }} или {{ form.as_ul }} или {{ form.as_table }} для отображения нового редактора форматированного текста.
Если вы хотите отобразить основной текст по умолчанию в текстовом редакторе, и вы можете просмотреть источник страницы вашей формы, скопировать и отредактировать ее в соответствии с вашими потребностями, а также удалить {{ }} раздел и вставить эту скопированную форму и отобразить ее в шаблоне django.
Мы здесь закончили. Теперь у вас есть пользовательский редактор расширенного текста в вашем приложении django.