使用Jquery获取CKEditor数据

时间:2017-01-30 16:17:52

标签: jquery ajax ckeditor twig

我在使用Jquery获取CKEditor值时遇到问题。当我打开控制台时,我有Cannot read property 'getData' of undefined。 我查看了渲染的代码,当脚本部分存在时,ckEditor似乎没有呈现。当我删除脚本部分时,它在HTML中呈现得很好。无论脚本是否存在,CKEditor都在页面上并且正常工作,我只看到HTML中的差异。

我的代码:

{{ form_start(form, {'id': 'formCorrection'~reponse.id}) }}
{{ form_widget(form.commentaire, {'id': 'commentaire'~reponse.id}) }} 
{{ form_row(form.submit) }}
{{ form_end(form) }}

<script>
    var idCommentaire = 'commentaire{{ reponse.id }}';
    var commentaire = CKEDITOR.instances[idCommentaire].getData();
    $("#formCorrection{{ reponse.id }}").submit(function() {
        $.ajax({
            type: "POST",
            url: "{{ path('paces_colle_correctioncolleqr_sauvegardercorrectionpassage') }}",
            data: {commentaire: commentaire}
        })
    });
</script>

使用脚本部分:

<textarea id="commentaire1148472" name="paces_colle_correctioncolleqr_correctionreponseqr[commentaire]" required="required" class="ckeditor"></textarea>

没有脚本部分:

<textarea id="commentaire1148472" name="paces_colle_correctioncolleqr_correctionreponseqr[commentaire]" class="ckeditor" style="visibility: hidden; display: none;"></textarea>
<div id="cke_commentaire1148472" class="cke_1 cke cke_reset cke_chrome cke_editor_commentaire1148472 cke_ltr cke_browser_webkit" dir="ltr" lang="fr" role="application" aria-labelledby="cke_commentaire1148472_arialbl">['ckEditor stuff']</div>

0 个答案:

没有答案