无法将我的应用程序与 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)

管理文件

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法将文本编辑器集成到Moodle 2中

来自分类Dev

如何创建可以在应用程序中“运行Java代码”的文本编辑器?

来自分类Dev

单页应用程序中的文本编辑器处理Ctrl + Z(撤消/重做)

来自分类Dev

使用我的文本编辑器应用程序和DocumentListener进行古怪的操作

来自分类Dev

将 javascript 文本编辑器 gui 导入我的网络应用程序

来自分类Dev

使用文本编辑编辑器,单击“完成”按钮后,编辑器将覆盖 iOS xamarin 应用程序中的整个页面

来自分类Dev

编译后为什么在文本编辑器中打开我的C ++程序?

来自分类Dev

无法自动换行在iframe文本编辑器中工作

来自分类Dev

文本编辑器无法关闭并在R中崩溃

来自分类Dev

文本编辑器默认日历,无法在 Ubuntu 20.04 中更改

来自分类Dev

我们可以从原子文本编辑器中打开gitbash吗

来自分类Dev

为什么我的 PHP 生成的 .ICS 文件会在文本编辑器中打开?

来自分类Dev

有什么办法可以在管理面板中更改文本字段django的默认文本编辑器?

来自分类Dev

有什么办法可以在管理面板中更改文本字段django的默认文本编辑器?

来自分类Dev

如何在Web应用程序中使用行号创建文本编辑器

来自分类Dev

Atom文本编辑器迁移到应用程序快照

来自分类Dev

可以在应用程序内部使用的文本编辑器

来自分类Dev

Windows默认文本编辑器,用于没有关联应用程序的文件

来自分类Dev

无法将我的应用程序注册到MFP删除服务器

来自分类Dev

为什么我的上下文菜单项会在编辑器中打开文件和文本编辑器?

来自分类Dev

无法将我的React应用程序的布局存储在本地存储中

来自分类Dev

无法在包含在 React 组件中的富文本编辑器 (react-draft-wysiwyg) 中获取输入的数据

来自分类Dev

我怎样才能将Tiptap文本编辑器中的内容放入V模型中?

来自分类Dev

Django-如何创建直观,类似媒介的文本编辑器?

来自分类Dev

Geany:我们可以从geany文本编辑器中打开网站链接吗?

来自分类Dev

如何向我的网站添加类似于任何文本编辑器或stackoverflow中显示的编程代码?

来自分类Dev

当我在wordpress的文本编辑器中添加脚本代码时,什么都没有显示

来自分类Dev

连续的空间有时会出现在Geany中(我的标准文本编辑器)

来自分类Dev

如何将 PyQt4 中的选项卡添加到我的文本编辑器?

Related 相关文章

  1. 1

    无法将文本编辑器集成到Moodle 2中

  2. 2

    如何创建可以在应用程序中“运行Java代码”的文本编辑器?

  3. 3

    单页应用程序中的文本编辑器处理Ctrl + Z(撤消/重做)

  4. 4

    使用我的文本编辑器应用程序和DocumentListener进行古怪的操作

  5. 5

    将 javascript 文本编辑器 gui 导入我的网络应用程序

  6. 6

    使用文本编辑编辑器,单击“完成”按钮后,编辑器将覆盖 iOS xamarin 应用程序中的整个页面

  7. 7

    编译后为什么在文本编辑器中打开我的C ++程序?

  8. 8

    无法自动换行在iframe文本编辑器中工作

  9. 9

    文本编辑器无法关闭并在R中崩溃

  10. 10

    文本编辑器默认日历,无法在 Ubuntu 20.04 中更改

  11. 11

    我们可以从原子文本编辑器中打开gitbash吗

  12. 12

    为什么我的 PHP 生成的 .ICS 文件会在文本编辑器中打开?

  13. 13

    有什么办法可以在管理面板中更改文本字段django的默认文本编辑器?

  14. 14

    有什么办法可以在管理面板中更改文本字段django的默认文本编辑器?

  15. 15

    如何在Web应用程序中使用行号创建文本编辑器

  16. 16

    Atom文本编辑器迁移到应用程序快照

  17. 17

    可以在应用程序内部使用的文本编辑器

  18. 18

    Windows默认文本编辑器,用于没有关联应用程序的文件

  19. 19

    无法将我的应用程序注册到MFP删除服务器

  20. 20

    为什么我的上下文菜单项会在编辑器中打开文件和文本编辑器?

  21. 21

    无法将我的React应用程序的布局存储在本地存储中

  22. 22

    无法在包含在 React 组件中的富文本编辑器 (react-draft-wysiwyg) 中获取输入的数据

  23. 23

    我怎样才能将Tiptap文本编辑器中的内容放入V模型中?

  24. 24

    Django-如何创建直观,类似媒介的文本编辑器?

  25. 25

    Geany:我们可以从geany文本编辑器中打开网站链接吗?

  26. 26

    如何向我的网站添加类似于任何文本编辑器或stackoverflow中显示的编程代码?

  27. 27

    当我在wordpress的文本编辑器中添加脚本代码时,什么都没有显示

  28. 28

    连续的空间有时会出现在Geany中(我的标准文本编辑器)

  29. 29

    如何将 PyQt4 中的选项卡添加到我的文本编辑器?

热门标签

归档