1

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

这就是它的样子。 http://developer.yahoo.com/yui/examples/editor/simple_editor.html

这就是我的示例的外观:http: //ms.robertcabri.nl/testing.php

这是我的测试页面的代码:

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

2 回答 2

2

我自己找到了答案。

YUI SimpleEditor 文档真的很糟糕。必须为此元素设置主样式。

在我的示例中,我在 textarea 周围设置了一个包装器,然后样式拾取。

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

您还可以将此类放在表单元素或正文上。它必须是要替换为 simpleeditor 的 textarea 节点的父节点

于 2009-10-24T15:08:24.730 回答
0

一方面,您需要将“yui-skin-sam”类放在您的身体标签上。

于 2009-10-24T15:08:53.330 回答