YUI SimpleEditor no es el diseño correcto

StackOverflow https://stackoverflow.com/questions/1618188

Pregunta

He descargado la biblioteca YUI para el editor Simple Simple. Cuando se instala y crea una prueba simple. No se mostrará correctamente.

así es como debería verse. http://developer.yahoo.com/yui/examples/editor/simple_editor. html

y así es como se ve con mi ejemplo: http://ms.robertcabri.nl/testing.php

Aquí está el código de mi página de prueba: 

<html>

    <head>
        <title>Test</title>
        <link rel="stylesheet" type="text/css" href="http://ms.robertcabri.nl/js/yui/assets/skins/sam/skin.css" />
        <link rel="stylesheet" type="text/css" href="http://ms.robertcabri.nl/js/yui/editor/assets/skins/sam/simpleeditor.css" />
        <link rel="stylesheet" type="text/css" href="http://ms.robertcabri.nl/js/yui/button/assets/skins/sam/button.css" />
        <script type="text/javascript" src="http://ms.robertcabri.nl/js/yui/yahoo-dom-event/yahoo-dom-event.js"></script>

        <script type="text/javascript" src="http://ms.robertcabri.nl/js/yui/element/element-min.js"></script>
        <script type="text/javascript" src="http://ms.robertcabri.nl/js/yui/container/container_core-min.js"></script>
        <script type="text/javascript" src="http://ms.robertcabri.nl/js/yui/editor/simpleeditor-min.js"></script>
        <script type="text/javascript">
            window.onload = function () {

                var Dom = YAHOO.util.Dom, Event = YAHOO.util.Event;

                var editor = new  YAHOO.widget.SimpleEditor('blaat', {
                    dompath: true,
                    handleSubmit: false
                });

                editor.render();

            };
        </script>

    </head>
    <body>

        <form action="#" method="post" id="test">
            <fieldset>
                <legend>test</legend>
                <textarea name="blaat" id="blaat" cols="30" rows="5"></textarea>
            </fieldset>
        </form>
    </body>
</html>
¿Fue útil?

Solución

Bueno, encontré la respuesta yo mismo.

La documentación de YUI SimpleEditor es realmente mala. El estilo principal debe estar configurado para este elemento.

en mi ejemplo, puse una envoltura alrededor del área de texto y luego el estilo se recupera. 

<div class="yui-skin-sam">
  <textarea></textarea>
</div>

También puedes colocar esta clase en un elemento de formulario o en el cuerpo. Tiene que ser un elemento principal del nodo de área de texto que desea reemplazar con el editor simple

Otros consejos

Debes poner el " yui-skin-sam " clase en su etiqueta de cuerpo, por una cosa.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top