YUI SimpleEditor가 올바른 레이아웃이 아님

멋진 SimpleEditor 용 YUI 라이브러리를 다운로드했습니다. 설치 및 간단한 테스트를 만들 때. 오른쪽으로 표시되지 않습니다.YUI SimpleEditor가 올바른 레이아웃이 아님

이렇게 표시됩니다. http://developer.yahoo.com/yui/examples/editor/simple_editor.html

는 이것은 내 예제 모습입니다 :

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

출처

2009-10-24 Robert Cabri

잘 대답 나 자신을 발견 : 여기 http://ms.robertcabri.nl/testing.php

내 테스트 페이지의 코드입니다.

YUI SimpleEditor 설명서가 정말 이상합니다. 이 요소에 대해 기본 스타일을 설정해야합니다.

내 예제에서는 텍스트 영역 주위에 래퍼를 설정 한 다음 스타일을 선택합니다.

이 클래스는 양식 요소 나 본문에 배치 할 수도 있습니다. 그것은 단순 편집기로 대체하려는 텍스트 영역 노드의 부모 여야합니다

출처

2009-10-24 15:08:24

너무 형식에 클래스를 추가 할 수 있습니다 – Eineki

body 태그에 "yui-skin-sam"클래스를 넣어야합니다.

출처

2009-10-24 15:08:53 Pointy

부모 요소에 있어야합니다. 그래서 나의 모범이된다. –

YUI SimpleEditor가 올바른 레이아웃이 아님

답변

관련 문제