我是Django和CKEditor的新手,并且在过去的1周内一直在努力将Django-CKEditor集成到表单中。它在Django管理表单中工作得很好,但在普通表单中不起作用。
这是我的表单。py
class ArticleForm(forms.ModelForm):
content = forms.CharField(widget = CKEditorWidget())
class Meta:
model = Article
fields = ['title','content','meta_description','meta_tags']
models.py
class Article(models.Model):
title = models.CharField(max_length=500)
url = models.CharField(max_length=500)
date = models.DateTimeField(auto_now_add=True, blank=True)
author = models.CharField(max_length=100)
content = models.TextField()
meta_description = models.TextField()
meta_tags = models.TextField()
is_published = models.BooleanField(default=False)
观点def new_post(request):
if request.method == 'POST':
form = ArticleForm(request.POST)
if form.is_valid():
article = form.save(commit=False)
article.url = form.data['title']
article.save()
return HttpResponse('/thanks/')
else:
form = ArticleForm()
return render(request, 'blog/new-post.html', {'form': form})
为了验证它是否在admin中工作,我已经在admin表单中添加了它。
admin.py
class ArticleAdminForm(forms.ModelForm):
content = forms.CharField(widget=CKEditorWidget())
class Meta:
model = Article
class ArticleAdmin(admin.ModelAdmin):
form = ArticleAdminForm
admin.site.register(Article, ArticleAdmin)
还有一件事我正在使用bootstrap3。我的模板看起来像
<form class="form-horizontal" action="/blog/new-post/" method="post" >{% csrf_token %}
<fieldset>
<legend>New Blog Post</legend>
{{ form.non_field_errors }}
<div class="fieldWrapper form-group">
{{ form.title.errors }}
<label class="col-lg-2 control-label" for="id_title">Title</label>
<div class="controls col-lg-10 ">
<input type="text" class="col-lg-10 form-control" name="title" id="id_title}}" placeholder="Title">
</div>
</div>
<div class="fieldWrapper form-group">
{{ form.content.errors }}
<label class="col-lg-2 control-label" for="id_content">Content</label>
<div class="controls col-lg-10 ">
<textarea class="col-lg-10 form-control" rows="17"name="content" id="id_content}}" placeholder="Content"></textarea>
</div>
</div>
<div class="fieldWrapper form-group">
{{ form.meta_description.errors }}
<label class="col-lg-2 control-label" for="id_meta_description">Description</label>
<div class="controls col-lg-10 ">
<textarea class="col-lg-10 form-control" rows="5"name="meta_description" id="id_meta_description}}" placeholder="Short description about this article."></textarea>
</div>
</div>
<div class="fieldWrapper form-group">
{{ form.meta_tags.errors }}
<label class="col-lg-2 control-label" for="id_meta_tags">Tags</label>
<div class="controls col-lg-10 ">
<input type="text" class="col-lg-10 form-control" name="meta_tags" id="id_meta_tags}}" placeholder="Comma separated tags eg. trekking, hiking ">
</div>
</div>
<input type="submit" value="Publish" class="btn btn-default btn-large pull-right">
</fieldset>
</form>
任何帮助都太好了。提前感谢
在管理面板外呈现ckeditor时,您必须包含/导入表单媒体才能使其工作。django admin.
假设你的forms.py是这样的:
from ckeditor.widgets import CKEditorWidget
class ArticleForm(forms.Form):
content = forms.CharField(widget = CKEditorWidget())
你的模板:
<form>
{{ article_form }}
</form>
然后加载表单media:
{% load static %}
<script type="text/javascript" src="{% static 'ckeditor/ckeditor-init.js' %}"></script>
<script type="text/javascript" src="{% static 'ckeditor/ckeditor/ckeditor.js' %}"></script>
我想你错过了models.py
中的from ckeditor.fields import RichTextField
行Change content = models.TextField()
Into content = RichTextField(blank=True, null=True)
我也遇到过同样的问题。我宁愿使用django-tinymce作为我的普通表单和ckeditor作为管理页面。
这是我的forms.py文件:from tinymce.widgets import TinyMCE
from django import forms
from .models import Article
class ArticleForm(forms.ModelForm):
content = forms.CharField(widget=TinyMCE(attrs={'cols': 80, 'rows': 30}))
class Meta:
model = Article
fields = ('content',)
很可能您错过了{{表单。将你的HTML修改为
<form method="POST" enctype="multipart/form-data">
{% csrf_token %}
{{form.media}}
{{form.as_p}}
<button type="submit" name='mybtn'>Submit</button>
</form>
尝试将此脚本添加到模板的底部
<script>
$(function () {
CKEDITOR.replace('id_content', {
toolbar: 'Basic'
});
});
</script>
当你从管理界面使用coeditor(我猜是通过suit-ckeditor)时,你隐含地使用这个渲染函数为你的文本区域小部件:
def render(self, name, value, attrs=None):
output = super(CKEditorWidget, self).render(name, value, attrs)
output += mark_safe(
'<script type="text/javascript">CKEDITOR.replace("%s", %s);</script>'
% (name, json.dumps(self.editor_options)))
return output
,基本上完成相同的工作