0

似たようなケースですでに解決されているような質問をするのは嫌いですが、3日前から怒っています。

私はdjango 1.10とJquery 3.1.1を使用しています(別のツール用にページに既にロードされています)。そして、私のプロジェクトで django-ckeditor 5.1.1 を動作させてみてください。私はすでにckeditor_demoを実行しており、パッケージが適切にインストールされているように機能しました。

私は git docに従っています。そしてスタックに数時間費やしました。

my の ckeditor に関する設定settings.py:

from __future__ import absolute_import
import tempfile
import os

# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

# Application definition

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'django.contrib.sites',
    'blog',
    'CreateYourLaws',
    'captcha',
    'registration',
    'ckeditor',
    'ckeditor_uploader',
]

# Plenty of others Settings for other tools...

# Settings for ckeditors
STATIC_URL = '/static/'
MEDIA_URL = '/media/'
STATIC_ROOT = os.path.join(tempfile.gettempdir(), 'ck_static')
MEDIA_ROOT = os.path.join(tempfile.gettempdir(), 'ck_media')

CKEDITOR_CONFIGS = {
    'default': {
        'toolbar': 'Basic',
    },
}

CKEDITOR_UPLOAD_PATH = "uploads/"
CKEDITOR_IMAGE_BACKEND = "pillow"

私もすでに設定を試しました:

CKEDITOR_JQUERY_URL = '//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'

どちらも機能しません。テンプレートにjquery 3.1.1をすでにロードしているため、削除することを好みました。

また、すでにmanage.py collectstaticコマンドを実行しています(もちろん、設定を書き込んだ後)。

私のurls.py

from django.conf.urls import url, include
from . import views
from django.conf import settings
from django.conf.urls.static import static
#... and few others

urlpatterns = [
    url(r'^$', views.home, name='home'),
    # ... many others
    url(r'^article/(\d+)$', views.view_article, name='article'),
    url(r'^ckeditor/', include('ckeditor_uploader.urls'),)
] + static(
    settings.STATIC_URL,
    document_root=settings.STATIC_ROOT
) + static(
    settings.MEDIA_URL,
    document_root=settings.MEDIA_ROOT
)

私のモデル:

from django.db import models
# Other imports...
from ckeditor.fields import RichTextField

class Reflection(models.Model):
    title = models.CharField(max_length=150, blank=True, null=True)
    # Some Attributes

    class Meta:
        abstract = True
        #...
class Proposition(Reflection):
    text = RichTextField()
    # Other attributes

私のフォーム:

from django import forms
# other imports...
from CreateYourLaws.models import Proposition
from ckeditor.widgets import CKEditorWidget

class PropositionForm(forms.ModelForm):
    class Meta:
        model = Proposition
        fields = ('title', 'text')
        labels = {'title': ('Nommez votre proposition de loi'),
                  'text': ("votre proposition de loi")}
        widgets = {
            'text': CKEditorWidget()
        }

私の見解:

@login_required
def view_article(request, id_article):

    # A very good and interesting code...

    if request.method == 'POST' and 'propform' in request.POST:
        propform = PropositionForm(request.POST)
        if propform.is_valid():
            proptitle = propform.cleaned_data['title']
            prop = propform.cleaned_data['text']
            prp = Proposition.objects.create(text=prop,
                                             title=proptitle,
                                             autor=User,
                                             content_object=Article)
            prp.save()
    propform = PropositionForm()
    # A bit of code...
    return render(request,
                  'main.html',
                  locals())

私のテンプレート:

{% block script %}
    <script type="text/javascript" src="{% static 'js/jstree.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/jquery-ui.min.js' %}"></script>
    <link rel="stylesheet" type="text/css" href="{% static 'js/jquery-ui.min.css' %}"></link>
    <script type="text/javascript" src="{% static 'js/myJS_CYL.js' %}"></script>
    <script type="text/javascript" src="{% static "ckeditor/ckeditor/ckeditor.js" %}"></script>
    <script type="text/javascript" src="{% static "ckeditor/ckeditor-init.js" %}"></script>
    <style type="text/css" media="screen">
        nav{display: block;}    
    </style>
{% endblock %}

{% block content %}
        <section class="proposition">
            <form action="{% url 'article' Article.id %}" method="post" class="propform">
                {% csrf_token %}
                {{ propform.as_p }}
                <button type="submit" class="butprop" name="propform">Poster votre proposition </button>
            </form> 
        </section>
{% endblock %}

私はすでに{{ propform.media }}それを追加しようとしましたが、どちらも機能しません。ドキュメントによると、スクリプトを頭に追加しても無駄です。

私のページは正常に読み込まれ、すべてが正常に機能し、端末にエラーはありませんが、CKEditorWidget の代わりに、単純な TextArea がまだ残っています。私は何を間違っているか、忘れていますか?

おまけの質問: CKeditorwidget に何もアップロードする必要はありません。「ckeditor_uploader」アプリを削除できる設定と URL はどれですか? MEDIA_URL、MEDIA_ROOT、CKEDITOR_UPLOAD_PATH、CKEDITOR_IMAGE_BACKEND? 「ckeditor_uploader.urls」?

お時間とご回答ありがとうございます

4

2 に答える 2

0

その投稿を申し訳ありません。それは機能していますが、正しいテキスト領域ではありません: ユーザーのアクションに応じて表示される異なるテキスト領域を持ついくつかの非表示フォームを持つページがあります。そして、特にCkeditorwidgetで動作するものが欲しいです。

于 2016-10-12T16:18:37.503 に答える