CKEditor - Przepełnienia edytora szerokości w przeglądarkach Webkit

Question

Jan 10, 2013, 04:46 PM

webkit wysiwyg google-chrome ckeditor safari

CKEditor - Przepełnienia edytora szerokości w przeglądarkach Webkit

Odkryłem, że paski narzędzinie zawijaj automatycznie w przeglądarkach WebKit (Safari, Chrome). Tam jesttrzyletni błąd zgłoszone dla CKEditor 3, ale zostało zamknięte. Może to regresja?

Nie ustawiam szerokości w mojej konfiguracji. Chcę, aby edytor automatycznie rozszerzył się do dostępnej szerokości. Edytor jest wewnątrzdiv element, który maoverflow: hidden; styl zastosowany do niego.

Oto moja konfiguracja paska narzędzi:

config.toolbar = [
    {name:'clipboard', items:['Cut', 'Copy', 'Paste', 'PasteText',
            '-', 'Undo', 'Redo']},
    {name:'insert', items:['Link', 'Unlink', 'Image', 'Table', 'SpecialChar']},
    {name:'basic', items:['Bold', 'Italic', 'Strike',
            '-', 'NumberedList', 'BulletedList',
            '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock',
            '-', 'Outdent', 'Indent',
            '-', 'RemoveFormat']},
    {name:'styles', items:['Styles']},
    {name:'additional', items:['jQuerySpellChecker',
            '-', 'Source',
            '-', 'Maximize']}
];

Firefox:

Chrome (odcina edytor z powodu kontenera):

Nie chcę dodawać twardych przerw, ponieważ używam tej samej konfiguracji edytora przy różnych szerokościach. Jak rozwiązać ten problem bez używania „przycisków” ręcznego zawijania?

AKTUALIZACJA

używamfieldset elementy w moich formularzach. Odkryłem, że dodaniefieldset to właśnie powoduje problem z układem. Ten kod powiela problem:

<!DOCTYPE html>
<html>
    <head>
        <title>CKEditor</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
            html {
                background-color: lightgray;
            }
            #content {
                margin: 0 auto;
                border: 1px solid black;
                padding: 10px;
                width: 400px;
                overflow: hidden;
                background-color: white;
            }
            fieldset {
                margin: 0;
                border: 0 none;
                padding: 0;
            }
        </style>
    </head>
    <body>
        <div id="content">
            <fieldset>
                <textarea name="editor1" id="editor1">&lt;p&gt;Foo foo!&lt;/p&gt;</textarea>
            </fieldset>
        </div>
        <script type="text/javascript" src="http://ckeditor.com/apps/ckeditor/4.0.1/ckeditor.js"></script>
        <script>
            CKEDITOR.replace('editor1');
        </script>
    </body>
</html>

AKTUALIZACJA 2

mamzłożył raport o błędzie. Przyjmę odpowiedź, która zapewnia obejście tego błędu.