Question

我正在创建一个基于jQuery向导的表单（表单分为5个步骤）wizard form，在最后两个步骤中我分别放了两个ckeditor。我的问题是这两个ckeditors没有响应，即他们不接受任何输入。我无法弄清楚为什么会发生这种情况。相同的ckeditor在没有表单向导的情况下工作正常。我认为表单向导插件和ckeditor插件之间存在冲突，但不知道那里到底发生了什么。

github上的示例项目 Link of grails project。

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>

当我放一些 alert（）;语句在上面的脚本中ckeditor在firefox.unable中工作以找到根本原因。任何建议/想法对我都有帮助。

EDIT2： github上的示例项目Link of grails project。

Answer 1

将类wizard-ignore设置为编辑器，看看是否有帮助。

Answer 2

Jan Sundman回答是绝对正确的，只需将类wizard-ignore添加到编辑器即可。

您正在使用grails CKEditor plugin，您可以将课程设置为

<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>

如果您按照link中的描述直接使用ckeditor，那么只需将类添加为

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

使用jQuery表单向导的Ckeditor

2 个答案: