Python 加载图像在django ckeditor中不工作?
我想在我的文本字段中使用django-ckeditor应用程序 我想从计算机加载图像,但没有加载按钮。我也不能输入图片的url。我怎么了?如何解决这个问题。下面你可以看到我所做的 1) 我将Python 加载图像在django ckeditor中不工作?,python,django,python-3.x,django-1.10,django-ckeditor,Python,Django,Python 3.x,Django 1.10,Django Ckeditor,我想在我的文本字段中使用django-ckeditor应用程序 我想从计算机加载图像,但没有加载按钮。我也不能输入图片的url。我怎么了?如何解决这个问题。下面你可以看到我所做的 1) 我将ckeditor和ckeditor\u上传程序添加到INSTALLED\u APPSsetting.py: 2) 我运行collectstatic管理命令 url.py: urlpatterns += [ url(r'^upload/', login_required(views.upload), na
ckeditor
和ckeditor\u上传程序添加到INSTALLED\u APPS
setting.py:
2) 我运行collectstatic
管理命令
url.py:
urlpatterns += [
url(r'^upload/', login_required(views.upload), name='ckeditor_upload'),
url(r'^browse/', never_cache(login_required(views.browse)), name='ckeditor_browse'),
]
if settings.DEBUG:
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static_root')
MEDIA_ROOT = os.path.join(BASE_DIR, 'media_root')
MEDIA_URL = '/media/'
CKEDITOR_UPLOAD_PATH = "media/uploads/"
CKEDITOR_JQUERY_URL = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"
CKEDITOR_IMAGE_BACKEND = 'pillow'
CKEDITOR_UPLOAD_SLUGIFY_FILENAME = False
CKEDITOR_RESTRICT_BY_USER = True
CKEDITOR_BROWSE_SHOW_DIRS = True
class Post(models.Model):
content= RichTextUploadingField(_('Description'))
class PostForm(forms.ModelForm):
class Meta:
model = Post
fields = ('content',)
widgets = {
'content': CKEditorUploadingWidget()
}
def post_add(request):
data = dict()
if request.method == 'POST':
post_form = PostForm(request.POST)
if post_form.is_valid():
post = post_form.save(commit=False)
***Some code***
post.save()
data['form_is_valid'] = True
posts = Post.objects.all()
context = {'posts ': posts }
context.update(csrf(request))
data['html_post'] = render_to_string('project/post_list.html', context)
else:
data['form_is_valid'] = False
else:
post_form = PostForm()
context = {'post_form': post_form}
data['html_post_form'] = render_to_string('project/post_add.html', context, request=request)
return JsonResponse(data)
{% load widget_tweaks %}
<form method="post" action="">
{% csrf_token %}
{{ post_form.media }}
{% for field in post_form %}
{% render_field field class="form-control" %}
{% endfor %}
<button type="submit">Create</button>
</form>
<script type="text/javascript" src="{% static "ckeditor/ckeditor-init.js" %}"></script>
<script type="text/javascript" src="{% static "ckeditor/ckeditor/ckeditor.js" %}"></script>
设置。py:
urlpatterns += [
url(r'^upload/', login_required(views.upload), name='ckeditor_upload'),
url(r'^browse/', never_cache(login_required(views.browse)), name='ckeditor_browse'),
]
if settings.DEBUG:
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static_root')
MEDIA_ROOT = os.path.join(BASE_DIR, 'media_root')
MEDIA_URL = '/media/'
CKEDITOR_UPLOAD_PATH = "media/uploads/"
CKEDITOR_JQUERY_URL = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"
CKEDITOR_IMAGE_BACKEND = 'pillow'
CKEDITOR_UPLOAD_SLUGIFY_FILENAME = False
CKEDITOR_RESTRICT_BY_USER = True
CKEDITOR_BROWSE_SHOW_DIRS = True
class Post(models.Model):
content= RichTextUploadingField(_('Description'))
class PostForm(forms.ModelForm):
class Meta:
model = Post
fields = ('content',)
widgets = {
'content': CKEditorUploadingWidget()
}
def post_add(request):
data = dict()
if request.method == 'POST':
post_form = PostForm(request.POST)
if post_form.is_valid():
post = post_form.save(commit=False)
***Some code***
post.save()
data['form_is_valid'] = True
posts = Post.objects.all()
context = {'posts ': posts }
context.update(csrf(request))
data['html_post'] = render_to_string('project/post_list.html', context)
else:
data['form_is_valid'] = False
else:
post_form = PostForm()
context = {'post_form': post_form}
data['html_post_form'] = render_to_string('project/post_add.html', context, request=request)
return JsonResponse(data)
{% load widget_tweaks %}
<form method="post" action="">
{% csrf_token %}
{{ post_form.media }}
{% for field in post_form %}
{% render_field field class="form-control" %}
{% endfor %}
<button type="submit">Create</button>
</form>
<script type="text/javascript" src="{% static "ckeditor/ckeditor-init.js" %}"></script>
<script type="text/javascript" src="{% static "ckeditor/ckeditor/ckeditor.js" %}"></script>
型号。py:
urlpatterns += [
url(r'^upload/', login_required(views.upload), name='ckeditor_upload'),
url(r'^browse/', never_cache(login_required(views.browse)), name='ckeditor_browse'),
]
if settings.DEBUG:
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static_root')
MEDIA_ROOT = os.path.join(BASE_DIR, 'media_root')
MEDIA_URL = '/media/'
CKEDITOR_UPLOAD_PATH = "media/uploads/"
CKEDITOR_JQUERY_URL = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"
CKEDITOR_IMAGE_BACKEND = 'pillow'
CKEDITOR_UPLOAD_SLUGIFY_FILENAME = False
CKEDITOR_RESTRICT_BY_USER = True
CKEDITOR_BROWSE_SHOW_DIRS = True
class Post(models.Model):
content= RichTextUploadingField(_('Description'))
class PostForm(forms.ModelForm):
class Meta:
model = Post
fields = ('content',)
widgets = {
'content': CKEditorUploadingWidget()
}
def post_add(request):
data = dict()
if request.method == 'POST':
post_form = PostForm(request.POST)
if post_form.is_valid():
post = post_form.save(commit=False)
***Some code***
post.save()
data['form_is_valid'] = True
posts = Post.objects.all()
context = {'posts ': posts }
context.update(csrf(request))
data['html_post'] = render_to_string('project/post_list.html', context)
else:
data['form_is_valid'] = False
else:
post_form = PostForm()
context = {'post_form': post_form}
data['html_post_form'] = render_to_string('project/post_add.html', context, request=request)
return JsonResponse(data)
{% load widget_tweaks %}
<form method="post" action="">
{% csrf_token %}
{{ post_form.media }}
{% for field in post_form %}
{% render_field field class="form-control" %}
{% endfor %}
<button type="submit">Create</button>
</form>
<script type="text/javascript" src="{% static "ckeditor/ckeditor-init.js" %}"></script>
<script type="text/javascript" src="{% static "ckeditor/ckeditor/ckeditor.js" %}"></script>
forms.py:
urlpatterns += [
url(r'^upload/', login_required(views.upload), name='ckeditor_upload'),
url(r'^browse/', never_cache(login_required(views.browse)), name='ckeditor_browse'),
]
if settings.DEBUG:
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static_root')
MEDIA_ROOT = os.path.join(BASE_DIR, 'media_root')
MEDIA_URL = '/media/'
CKEDITOR_UPLOAD_PATH = "media/uploads/"
CKEDITOR_JQUERY_URL = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"
CKEDITOR_IMAGE_BACKEND = 'pillow'
CKEDITOR_UPLOAD_SLUGIFY_FILENAME = False
CKEDITOR_RESTRICT_BY_USER = True
CKEDITOR_BROWSE_SHOW_DIRS = True
class Post(models.Model):
content= RichTextUploadingField(_('Description'))
class PostForm(forms.ModelForm):
class Meta:
model = Post
fields = ('content',)
widgets = {
'content': CKEditorUploadingWidget()
}
def post_add(request):
data = dict()
if request.method == 'POST':
post_form = PostForm(request.POST)
if post_form.is_valid():
post = post_form.save(commit=False)
***Some code***
post.save()
data['form_is_valid'] = True
posts = Post.objects.all()
context = {'posts ': posts }
context.update(csrf(request))
data['html_post'] = render_to_string('project/post_list.html', context)
else:
data['form_is_valid'] = False
else:
post_form = PostForm()
context = {'post_form': post_form}
data['html_post_form'] = render_to_string('project/post_add.html', context, request=request)
return JsonResponse(data)
{% load widget_tweaks %}
<form method="post" action="">
{% csrf_token %}
{{ post_form.media }}
{% for field in post_form %}
{% render_field field class="form-control" %}
{% endfor %}
<button type="submit">Create</button>
</form>
<script type="text/javascript" src="{% static "ckeditor/ckeditor-init.js" %}"></script>
<script type="text/javascript" src="{% static "ckeditor/ckeditor/ckeditor.js" %}"></script>
视图。py:
urlpatterns += [
url(r'^upload/', login_required(views.upload), name='ckeditor_upload'),
url(r'^browse/', never_cache(login_required(views.browse)), name='ckeditor_browse'),
]
if settings.DEBUG:
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static_root')
MEDIA_ROOT = os.path.join(BASE_DIR, 'media_root')
MEDIA_URL = '/media/'
CKEDITOR_UPLOAD_PATH = "media/uploads/"
CKEDITOR_JQUERY_URL = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"
CKEDITOR_IMAGE_BACKEND = 'pillow'
CKEDITOR_UPLOAD_SLUGIFY_FILENAME = False
CKEDITOR_RESTRICT_BY_USER = True
CKEDITOR_BROWSE_SHOW_DIRS = True
class Post(models.Model):
content= RichTextUploadingField(_('Description'))
class PostForm(forms.ModelForm):
class Meta:
model = Post
fields = ('content',)
widgets = {
'content': CKEditorUploadingWidget()
}
def post_add(request):
data = dict()
if request.method == 'POST':
post_form = PostForm(request.POST)
if post_form.is_valid():
post = post_form.save(commit=False)
***Some code***
post.save()
data['form_is_valid'] = True
posts = Post.objects.all()
context = {'posts ': posts }
context.update(csrf(request))
data['html_post'] = render_to_string('project/post_list.html', context)
else:
data['form_is_valid'] = False
else:
post_form = PostForm()
context = {'post_form': post_form}
data['html_post_form'] = render_to_string('project/post_add.html', context, request=request)
return JsonResponse(data)
{% load widget_tweaks %}
<form method="post" action="">
{% csrf_token %}
{{ post_form.media }}
{% for field in post_form %}
{% render_field field class="form-control" %}
{% endfor %}
<button type="submit">Create</button>
</form>
<script type="text/javascript" src="{% static "ckeditor/ckeditor-init.js" %}"></script>
<script type="text/javascript" src="{% static "ckeditor/ckeditor/ckeditor.js" %}"></script>
post\u add.html:
urlpatterns += [
url(r'^upload/', login_required(views.upload), name='ckeditor_upload'),
url(r'^browse/', never_cache(login_required(views.browse)), name='ckeditor_browse'),
]
if settings.DEBUG:
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static_root')
MEDIA_ROOT = os.path.join(BASE_DIR, 'media_root')
MEDIA_URL = '/media/'
CKEDITOR_UPLOAD_PATH = "media/uploads/"
CKEDITOR_JQUERY_URL = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"
CKEDITOR_IMAGE_BACKEND = 'pillow'
CKEDITOR_UPLOAD_SLUGIFY_FILENAME = False
CKEDITOR_RESTRICT_BY_USER = True
CKEDITOR_BROWSE_SHOW_DIRS = True
class Post(models.Model):
content= RichTextUploadingField(_('Description'))
class PostForm(forms.ModelForm):
class Meta:
model = Post
fields = ('content',)
widgets = {
'content': CKEditorUploadingWidget()
}
def post_add(request):
data = dict()
if request.method == 'POST':
post_form = PostForm(request.POST)
if post_form.is_valid():
post = post_form.save(commit=False)
***Some code***
post.save()
data['form_is_valid'] = True
posts = Post.objects.all()
context = {'posts ': posts }
context.update(csrf(request))
data['html_post'] = render_to_string('project/post_list.html', context)
else:
data['form_is_valid'] = False
else:
post_form = PostForm()
context = {'post_form': post_form}
data['html_post_form'] = render_to_string('project/post_add.html', context, request=request)
return JsonResponse(data)
{% load widget_tweaks %}
<form method="post" action="">
{% csrf_token %}
{{ post_form.media }}
{% for field in post_form %}
{% render_field field class="form-control" %}
{% endfor %}
<button type="submit">Create</button>
</form>
<script type="text/javascript" src="{% static "ckeditor/ckeditor-init.js" %}"></script>
<script type="text/javascript" src="{% static "ckeditor/ckeditor/ckeditor.js" %}"></script>
{%load widget\u tweaks%}
{%csrf_令牌%}
{{post_form.media}}
{post_form%}
{%render_field class=“form control”%}
{%endfor%}
创造
如果您正在使用RichTextField,请切换到模型中的RichTextUploadingField。py您在post\u add.html中丢失了这个{{post\u form.as\u p}}}
你应该在link上读更多的细节是的,我昨天注意到了。我将RichTextField
更改为RichTextUploadingField
,但我遇到了一些问题。我无法从comtuper加载图片,它会将我重定向到管理页面。我在admin之外的表单中使用RichTextUploadingField
。我还注意到,在Firefox中输入文本是不可能的,但在Chrome中输入效果很好。你对此有什么想法吗?请再次检查我的帖子。当你将{{form.media}移动到表单中时会发生什么?我更新我的帖子请检查。我的问题是url。我删除了url(r'^ckeditor/',include('ckeditor\u uploader.url')),
并对其进行了更改。所以现在我可以加载图像,但我有问题。当我点击提交按钮时,什么都没有发生。它必须在提交后创建新帖子。如何获取数据并保存?您如何看待我的视图.py
?最好将链接文档的相关部分复制到此处,以便在外部文档可能已经消失后为阅读者提供完整的答案。