Javascript YUI SimpleEditor布局不正确_Javascript_Html_Yui_Rich Text Editor

Javascript YUI SimpleEditor布局不正确

javascript html

Javascript YUI SimpleEditor布局不正确,javascript,html,yui,rich-text-editor,Javascript,Html,Yui,Rich Text Editor,我已经为尼斯SimpleEditor下载了YUI库。安装并创建一个简单的测试时。它不会正确显示应该是这样的。我的例子就是这样的：以下是我的测试页面的代码： <html> <head> <title>Test</title> <link rel="stylesheet" type="text/css" href="http://ms.robertcabri.nl/js/yui/assets/s

我已经为尼斯SimpleEditor下载了YUI库。安装并创建一个简单的测试时。它不会正确显示

应该是这样的。

我的例子就是这样的：

以下是我的测试页面的代码：

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


试验
window.onload=函数（）{
var Dom=YAHOO.util.Dom，Event=YAHOO.util.Event；
var editor=newyahoo.widget.simpleditor（'blaat'{
多姆帕斯：是的，
handleSubmit:错误
});
render（）；
};
测试
我们自己找到了答案
YUI SimpleEditor文档非常糟糕。必须为此元素设置主样式
在我的示例中，我在textarea周围设置了一个包装器，然后样式就开始了
<div class="yui-skin-sam">
  <textarea></textarea>
</div>



您还可以将此类放置在表单元素或主体上。它必须是要用simpleeditor替换的textarea节点的父节点。首先，您需要在body标记上添加“yui skin sam”类。
您也可以将该类添加到表单中