CKEDITOR与jQuery形式向导(Ckeditor with jQuery form wiza

2019-11-02 14:34发布

我创建一个jQuery基于向导的形式(在5步分裂) 向导的形式 ,在最后两个步骤我放了两个CKEditor的respectively.My问题是,这两个ckeditors都没有响应,即他们不接受任何input.I一时无法弄清楚为什么这个happens.the相同的CKEditor正常工作不形wizard.I认为有表单向导插件和插件的CKEditor之间的冲突,但不知道到底发生了什么那里。

在github上示例项目 Grails项目的链接 。

EDIT1:

这是我的自定义设置:

<div class="form-content">
    <div class="wizard-ignore">
<script type="text/javascript">
<ckeditor:config var="toolbar_Mytoolbar">
[
    [ 'Bold', 'Italic', 'Underline', 'Scayt' ]
]
</ckeditor:config>

delete CKEDITOR.instances['${name}'];
CKEDITOR.config.scayt_autoStartup = true;
CKEDITOR.config.fillEmptyBlocks = false;
function CKupdate() {
    for (instance in CKEDITOR.instances) {
        CKEDITOR.instances[instance].updateElement();
    }
}
<ckeditor:editor name="${name}" height="100px" width="98%" toolbar="Mytoolbar">
<g:if test="${summary}">
    ${summary}
</g:if>
</ckeditor:editor>

</script>
</div>
</div>

当我把一些警报(); 在上面的脚本语句 firefox.unable CKEditor的工作找到根cause.Any建议/想法会帮助我。

EDIT2:在github上示例项目Grails项目的链接 。

Answer 1:

扬Sundman的答案是正确的absolutily只需添加类wizard-ignore到编辑器。


您正在使用的Grails CKEditor的插件 ,你可以设置为类

<script type="text/javascript">
$(function () {
    $("#${name}").addClass('wizard-ignore');

    <ckeditor:config var="toolbar_Mytoolbar">
    [
        [ 'Bold', 'Italic', 'Underline', 'Scayt' ]
    ]
    </ckeditor:config>

    delete CKEDITOR.instances['${name}'];
    CKEDITOR.config.scayt_autoStartup = true;
    CKEDITOR.config.fillEmptyBlocks = false;

    function CKupdate() {
        for (instance in CKEDITOR.instances) {
            CKEDITOR.instances[instance].updateElement();
        }
    }
});
</script>
<ckeditor:editor name="${name}" height="100px" width="98%" toolbar="Mytoolbar">
  <g:if test="${summary}">
    ${summary}
  </g:if>
</ckeditor:editor>

如果你直接使用的CKEditor中所描述的链接 ,然后只需添加类作为

<g:textArea name="foo" class="wysiwyg wizard-ignore">


Answer 2:

将类向导忽略到编辑器,看看是否有帮助。



文章来源: Ckeditor with jQuery form wizard