python - django-tinymce HTMLField 覆盖 admin/add 中的模型字段描述

Question

问题

使用django-tinymce时，模型字段的名称在Django的管理“添加”页面中不可见的tinymce_models.HTMLField()。 Name: 字段位于图片中，但 Description 字段不在图片中。如何在 TinyMCE 编辑器上显示 Description 文本？

模型

class Project(models.Model):
    name = models.CharField(max_length=255)
    slug = models.SlugField(unique=True, max_length=255)
    description = tinymce_models.HTMLField()
    started = models.DateField(blank=True)

版本

• Django 1.10.4
• django-tinymce 2.4.0
• 微型 MCE 4.5.2

一堆代码

https://codepen.io/anon/pen/xgqRqM

HTML 直接来自 Django 管理页面上的 Chrome 开发者工具，用于添加此模型。 CSS 是 Django 和 Tiny MCE 的。 JS 来自 Tiny MCE 主题。它似乎在 Codepen 上无法正确渲染，所以我不确定它有多大用处......

如果我可以提供更多澄清信息，请告诉我。

更多图片

我知道文本 Description: 位于 HTML 中:

这家伙在掩盖？

Answer 1

是的，一个熟悉的问题。您需要将 TinyMCE 4 小部件的左边距向右移动。在我的django-tinymce4-lite包我使用以下动态 CSS 来设置小部件位置:

/* Fixes TinyMCE 4 widget position in Django admin */
.form-row .mce-tinymce {
  margin-left: {{ margin_left }}px;
}
.form-row .mce-fullscreen {
  margin-left: 0;
}

这是生成 CSS 的 View :

def css(request):
    """
    Custom CSS for TinyMCE 4 widget

    By default it fixes widget's position in Django Admin

    :param request: Django http request
    :type request: django.http.request.HttpRequest
    :return: Django http response with CSS file for TinyMCE 4
    :rtype: django.http.HttpResponse
    """
    if 'grappelli' in settings.INSTALLED_APPS:
        margin_left = 0
    elif VERSION[0] == 1 and VERSION[1] <= 8:
        margin_left = 106  # For old style admin
    else:
        margin_left = 170  # For Django >= 1.9 style admin
    return render(request, 'tinymce/tinymce4.css', {'margin_left': margin_left}, content_type='text/css')

但是如果您不支持多个 Django 版本，则具有必要边距值的静态 CSS 就足够了。