YUI SimpleEditor تخطيط ليس صحيحا

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

سؤال

ولقد تم تحميل مكتبة YUI لSimpleEditor لطيفة. عند تركيبها، وخلق اختبار بسيط. وسوف يتم عرض الصحيح.

وهذه هي الطريقة التي يجب أن تبدو. http://developer.yahoo.com/yui/examples/editor/simple_editor. أتش تي أم أل

وهذه هي الطريقة التي تبدو مع بلدي على سبيل المثال: 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>
هل كانت مفيدة؟

المحلول

وجدت حسنا الجواب نفسي.

وثائق YUI SimpleEditor سيئة حقا. لابد من وضع التصميم الرئيسي لهذا العنصر.

وفي بلدي على سبيل المثال لقد وضع التفاف حول ناحية النص ومن ثم التصميم تلتقط. 

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

وأنت أيضا يمكن أن تضع هذه الفئة على عنصر الشكل أو على الجسم. يجب أن يكون أحد الوالدين من العقدة جزء النص الذي تريد استبداله مع simpleeditor

نصائح أخرى

وتحتاج إلى وضع "يوي الجلد سام" الطبقة على العلامة جسمك، لشيء واحد.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top