python - 无法将我的应用程序与 django 中的文本编辑器集成
问题描述
虽然我尝试了几个像tinymce这样的富文本编辑器,但我无法使其工作,没有出现错误,页面加载正常,字段似乎已填充,但没有任何编辑选项。
尝试使用我可以在谷歌中找到的几种方法,但没有一个能够帮助我
----base.html
<head>
...
<!-- Tinymce Text-Editor (Must be in Head Tag) -->
<script src="{% static '/tinymce/js/tinymce/tinymce.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/custom.js' %}" ></script>
...
</head>
---post_form.html
{% extends "blog/base.html" %}
<!-- {% load crispy_forms_tags %} -->
{% block content %}
<div class="content-section">
<form method="POST">
{% csrf_token %}
<fieldset class="form-group">
<legend class="border-bottom mb-4">Blog Post</legend>
<!-- {{ form|crispy }} -->
{{ form.as_p }}
</fieldset>
<div class="form-group">
<button class="btn btn-outline-info" type="submit">Post</button>
</div>
</form>
</div>
{% endblock content %}
---- models.py
from django.db import models
from django.utils import timezone
from django.contrib.auth.models import User
from django.urls import reverse
from simple_history.models import HistoricalRecords
from tinymce.models import HTMLField
class Post(models.Model):
title = models.CharField(max_length = 100)
versao = models.CharField(max_length=10, default=1)
# content = models.TextField()
content = HTMLField()
resumo_das_mudancas = models.TextField(default='Não houve mudanças')
date_posted = models.DateTimeField(default = timezone.now)
author = models.ForeignKey(User, on_delete=models.CASCADE)
def __str__(self):
return self.title
def get_absolute_url(self):
return reverse('post-detail', kwargs ={'pk':self.pk})
.....
------settings.py
...
INSTALLED_APPS = [
'django.contrib.sites',
'django.contrib.staticfiles',
'django.contrib.contenttypes',
'django.contrib.auth',
'django.contrib.flatpages',
'simple_history',
'blog.apps.BlogConfig',
'users.apps.UsersConfig',
'django.contrib.admin',
'django.contrib.sessions',
'django.contrib.messages',
'crispy_forms',
'storages',
'tinymce',
]
没有错误消息,它只是不工作,你能帮我吗?
解决方案
Django CKEditor 非常适合我。这是我必须做的一个例子:
要求.txt
django-ckeditor==5.6.1
设置.py
INSTALLED_APPS = [
...
'ckeditor'
]
CKEDITOR_CONFIGS = {
'default': {
'toolbar': 'Custom',
'toolbar_Custom': [
['Bold', 'Italic', 'Underline'],
['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
['Link', 'Unlink'],
['RemoveFormat', 'Source']
],
'height': 300,
'width': 600
}
}
模型.py
class ExampleModel(models.Model):
....
example_field = models.TextField(null=True, blank=True)
管理员.py
from ckeditor.widgets import CKEditorWidget
class ExampleForm(forms.ModelForm):
class Meta:
model = ExampleModel
fields = '__all__'
widgets = {'example_field': CKEditorWidget()}
class ExampleAdmin(admin.ModelAdmin):
form = ExampleForm
推荐阅读
- rss - 如何从 RSS 源自定义字段创建 AEM 内容页面
- content-management-system - 如何在 Prestashop 中添加 2 个按钮“添加到购物车”获取不同的数据?
- github - 获取文件上次从 Github 存储库更新的时间
- reactjs - 如何提供 `babel-preset-react-app` 环境变量?
- angular - 在Angular应用程序中第二次执行方法期间未定义的值
- php - 并非所有选项都显示在表单上
- vb.net - 如何在VB中正确减去两个日期?
- python - Pandas - 从包含列表的字典中创建只有一行的数据框
- javascript - 谷歌为数组中的圆圈映射事件监听器;怎么了?
- symfony - Symfony 4 Guard Neo4j OGM