使用django的TinyMCE,编辑

时间:2015-12-08 14:05:19

标签: python django tinymce

我刚刚安装了TinyMCE并将其配置到我的应用程序。但我在TinyMCE中看到的只是基本的编辑选项。没有选项可以上传图像,甚至无法调整文本的大小。我配置错了还是它的选项有限? 以下是TinyMCE文本框的屏幕截图: enter image description here

models.py

from __future__ import unicode_literals
from django.template.defaultfilters import slugify
from django.contrib.auth.models import User
from tinymce.models import HTMLField
from django.db import models
from datetime import datetime
class blogpost(models.Model):
    title = models.CharField(max_length = 200)
    body = models.TextField()
    publishdate = models.DateTimeField(default=datetime.now())

    def __unicode__(self):
        return self.title

admin.py

from django.contrib import admin
from .models import blogpost
from django.db.models import TextField
from tinymce.widgets import TinyMCE
class EntryAdmin(MarkdownModelAdmin):
    list_display = ("title","publishdate")
    formfield_overrides = {TextField: {'widget': TinyMCE(attrs={'cols': 80, 'rows': 30})}}

admin.site.register(blogpost, EntryAdmin)

1 个答案:

答案 0 :(得分:2)

您可能想要更改tinymce配置的“插件”和“主题”。

来自文档https://django-tinymce.readthedocs.org/en/latest/installation.html#configuration

  

配置

     

可以通过编辑项目的settings.py来配置应用程序   文件。

     

TINYMCE_JS_URL(默认值:settings.MEDIA_URL +   'JS / tiny_mce / tiny_mce.js')

content_xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.example.myname.appname.MainActivity"
    tools:showIn="@layout/activity_main">

    <ListView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/listView"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:textFilterEnabled="false"
        android:foregroundGravity="top|left" />

</RelativeLayout>
     

TINYMCE_JS_ROOT(默认值:settings.MEDIA_ROOT +'js / tiny_mce')

The URL of the TinyMCE javascript file:

TINYMCE_JS_URL = os.path.join(MEDIA_URL, "path/to/tiny_mce/tiny_mce.js")
     

TINYMCE_DEFAULT_CONFIG(默认:{'theme':“simple”,'relative_urls':   假})       要使用的默认TinyMCE配置。有关所有选项,请参阅TinyMCE手册。设置特定TinyMCE的配置   编辑器,请参阅窗口小部件的mce_attrs参数。   TINYMCE_SPELLCHECKER(默认值:False)       是否通过提供的视图使用拼写检查程序。您必须自己将拼写检查器添加到TinyMCE插件列表中,但事实并非如此   自动添加。 TINYMCE_COMPRESSOR(默认值:False)       是否使用TinyMCE压缩器,将所有Javascript文件压缩为单个流。这使整体下载大小达到75%   更小,也减少了请求的数量。整体而言   如果你,TinyMCE的初始化时间将大大减少   使用此选项。 TINYMCE_FILEBROWSER(默认值:如果'filebrowser',则为True   在INSTALLED_APPS中,否则为False)       是否将django-filebrowser用作包含媒体的自定义文件浏览器。请参阅有关自定义的官方TinyMCE文档   filebrowsers。

     

示例:

The filesystem location of the TinyMCE files. It is used by the compressor (see below):

TINYMCE_JS_ROOT = os.path.join(MEDIA_ROOT, "path/to/tiny_mce")