Django:如何将内联tinymce元素的值绑定/保存到表单字段?
我有一个脆的表单,有两个字段:name和value 我必须在值字段上使用内联tinymce编辑器 所以我对表单类做了如下操作:Django:如何将内联tinymce元素的值绑定/保存到表单字段?,django,tinymce,django-crispy-forms,Django,Tinymce,Django Crispy Forms,我有一个脆的表单,有两个字段:name和value 我必须在值字段上使用内联tinymce编辑器 所以我对表单类做了如下操作: class MyForm(ModelForm): class Meta: model = SomeModel fields = ('name', 'value') def __init__(self, *args, **kwargs): super(MyForm,, self).__init__(*arg
class MyForm(ModelForm):
class Meta:
model = SomeModel
fields = ('name', 'value')
def __init__(self, *args, **kwargs):
super(MyForm,, self).__init__(*args, **kwargs)
self.helper.layout = Layout(
'name',
Field('value', type='hidden'),
HTML('<div class="wrapper"><span class="editable"></span></div>'),
FormAction(Submit('submit', 'Submit')
)
类MyForm(ModelForm):
类元:
model=SomeModel
字段=('name','value')
定义初始化(self,*args,**kwargs):
超级(MyForm,self)。\uuuuuu初始化(*args,**kwargs)
self.helper.layout=布局(
“姓名”,
字段('value',type='hidden'),
HTML(“”),
形式(提交(“提交”、“提交”)
)
在模板中:
{% crispy form %}
<script>
tinymce.init({
selector: 'span.editable',
toolbar: "superscript subscript",
menubar:false,
inline:true
});
$('span.editable').html($('#id_value').val());
{%crispy form%}
tinymce.init({
选择器:“span.editable”,
工具栏:“上标下标”,
梅努巴:错,
内联:对
});
$('span.editable').html($('id#u value').val());
我不知道如何保存在表单上,将编辑的跨元素文本提交到“值”字段。我不确定这是否是正确答案,但现在看来它似乎可以工作了 我将提交事件侦听器添加到表单中,并将新值从span元素添加到隐藏字段中
$('form').submit(function() {
$('#id_value').val($('span.editable').html());
});