CKEditor自动增长插件垂直滚动条闪烁问题

Jay*_*raj 8 javascript fckeditor autogrow ckeditor

我遇到了CKEditor自动增长插件的问题:

按下返回(自动生长超过最小高度后),文本内容会抖动(向上跳一行并向下跳),垂直滚动条会闪烁.自动增长工作,但用户体验是生涩的.

我可以通过指定scrolling ="no"和overflow ="hidden"隐藏垂直滚动条,但文本内容仍然会抖动.

我在ckeditor.js中禁用滚动:

<iframe scrolling="no" style="width:100%;height:100%;overflow:hidden;" frameBorder="0" title="'+E+'"'+' src="'+W+'"'+' tabIndex="'+(b.webkit?-1:C.tabIndex)+'"'+' allowTransparency="true"'+'></iframe>
Run Code Online (Sandbox Code Playgroud)

CKEditor初始化代码:

       CKEDITOR.replace('Description',
        {
            sharedSpaces:
            {
                top: 'topSpace',
                bottom: 'bottomSpace'

            },
            extraPlugins: 'autogrow,tableresize',
            removePlugins: 'maximize,resize,elementspath',
            skin: 'kama',
            toolbar: [['Format', 'Font', 'FontSize'], ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat'], ['TextColor', 'BGColor'], ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'], ['NumberedList', 'BulletedList'], ['Outdent', 'Indent'],
             '/', ['Link', 'Unlink', 'Anchor'], ['Image', 'Flash', 'Table', 'HorizontalRule', 'SpecialChar'], ['PasteText', 'PasteFromWord'],['Cut','Copy','Paste'], ['Undo', 'Redo'], ['Find', 'Replace'], ['SpellChecker']],
            toolbarCanCollapse: false,
            pasteFromWordRemoveFontStyles: false,
            enterMode: CKEDITOR.ENTER_BR,
            shiftEnterMode: CKEDITOR.ENTER_P,
            autoGrow_minHeight: 300

        })
Run Code Online (Sandbox Code Playgroud)

有没有办法避免文本内容在按下回车键时跳转/移动(在自动增长超过最小高度后)?

Ome*_*iko 0

AFAIK 解决此问题的唯一方法是更改​​ CKEDitor 的代码。(我建议在“输入键”事件发生时处理它,而不是像它们那样超时处理)。