python-django中使用ckeditor富文本,后台没问题,前台为什么不好使?
使用ckeditor富文本,后台正常,前台不显示。我的操作是这样的:在app的models中引入并定义了富文本,在app的admin中加入后台。进入后台,正常使用。前台应...
使用ckeditor富文本,后台正常,前台不显示。
我的操作是这样的:
在app的models中引入并定义了富文本,
在app的admin中加入后台。
进入后台,正常使用。
前台应用操作是这样:
在forms中引入ckeditor中引入定义富文本
from django import forms
from ckeditor.fields import RichTextField
class testingForm(forms.Form):
title = forms.CharField(label="请输入文章标题", max_length=128, widget=forms.TextInput(attrs={'class': 'form-control'}))
body = RichTextField(blank=True,null=True,verbose_name="内容")
代码和models中一样,
然后再views中:
from .forms import testingForm
def index(request):
testing_Form = testingForm()
return render(request, 'testing/index.html', locals())
html中:
<div>
{{ testing_Form.title.label_tag }}
{{ testing_Form.title }}
<label for="exampleInputEmail1">请输入文章内容或段落</label>
{{ testing_Form.body }}
</div>
前台不显示富文本框,只显示<ckeditor.fields.RichTextField> 这个标签,没调用出来。 展开
我的操作是这样的:
在app的models中引入并定义了富文本,
在app的admin中加入后台。
进入后台,正常使用。
前台应用操作是这样:
在forms中引入ckeditor中引入定义富文本
from django import forms
from ckeditor.fields import RichTextField
class testingForm(forms.Form):
title = forms.CharField(label="请输入文章标题", max_length=128, widget=forms.TextInput(attrs={'class': 'form-control'}))
body = RichTextField(blank=True,null=True,verbose_name="内容")
代码和models中一样,
然后再views中:
from .forms import testingForm
def index(request):
testing_Form = testingForm()
return render(request, 'testing/index.html', locals())
html中:
<div>
{{ testing_Form.title.label_tag }}
{{ testing_Form.title }}
<label for="exampleInputEmail1">请输入文章内容或段落</label>
{{ testing_Form.body }}
</div>
前台不显示富文本框,只显示<ckeditor.fields.RichTextField> 这个标签,没调用出来。 展开
2个回答
2019-08-04 · 知道合伙人IT服务行家
关注
展开全部
首先说一下富文本编辑器的原理,富文本编辑器一般都是通过js文件实现的,类似于一个网页控件。在django后台之所以可以调用富文本编辑器,那是因为它可以根据这个富文本编辑器定义的字段,找到对行的js文件,然后在后台模板里调用这个js文件。而你直接通过给模板传递对应的函数,模板文件虽然可以识别到对应的函数,但是无法加载对应的js文件,自然无法在网页中初始化这个富文本编辑器的控件。
因此,对应的解决办法是查一下ckeditor这个编辑器的前端调用方式,正常情况下一般是给你需要插入富文本编辑器的编辑框设置一个ckeditor对应的类,然后在模板文件中使用<script></script>标签来导入ckeditor需要的js文件以及其他需要导入的静态文件,就可以了。
不知道我讲清楚了没有,希望可以帮助到你。
因此,对应的解决办法是查一下ckeditor这个编辑器的前端调用方式,正常情况下一般是给你需要插入富文本编辑器的编辑框设置一个ckeditor对应的类,然后在模板文件中使用<script></script>标签来导入ckeditor需要的js文件以及其他需要导入的静态文件,就可以了。
不知道我讲清楚了没有,希望可以帮助到你。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询