CKEditor - Desbordamiento de ancho del editor en navegadores webkit

Question

Jan 10, 2013, 04:46 PM

webkit wysiwyg safari google-chrome ckeditor

CKEditor - Desbordamiento de ancho del editor en navegadores webkit

Descubrí que las barras de herramientas.no envolver automáticamente en los navegadores WebKit (Safari, Chrome). Hay unbicho de tres años Reportado para CKEditor 3, pero fue cerrado. Tal vez esto es una regresión?

No estoy configurando un ancho en mi configuración. Quiero que el editor se expanda al ancho disponible automáticamente. El editor está dentro de undiv elemento que tiene eloverflow: hidden; Estilo aplicado a ello.

Aquí está la configuración de mi barra de herramientas:

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 (corta el editor debido al contenedor):

No quiero agregar saltos duros, porque uso la misma configuración de editor en diferentes anchos. ¿Cómo resuelvo esto sin usar "botones" de ajuste manual?

ACTUALIZAR

yo suelofieldset Elementos en mis formas. Encontré que agregando elfieldset es lo que desencadena el problema de diseño. Este código reproduce el problema:

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

ACTUALIZACIÓN 2

yo tengopresentó un informe de error. Aceptaré una respuesta que proporcione una solución alternativa para este error.