DoS 편집기의 CSS

질문이 있으십니까? D 도장에 dijit.editor를 사용했습니다. 내가 입력 img 태그 같은 경우 : DoS 편집기의 CSS

그래서 내가 클래스에 대한 스타일의 CSS를하려는 편집기에

<img src="abc.jpg" alt="" class="alignleft" />

, 편집기에서, 내가 어떻게 때문에이없는 스타일의 HTML 코드에서 할 수있는, 그것을 할 수 .alignleft 편집자. 에디터 외부는 모두 괜찮습니다. 어떤 제안에 대한

감사합니다 : D 당신의 부모 문서의 스타일이 작동하지 않는 이유입니다 iframe 내부

출처

2012-01-06 johnITBonuc

dijit.Editor 실행됩니다. 편집기의 iframe에 스타일을 주입해야합니다. 사용하는 당신은 또한 스타일 시트를 지정할 수 있습니다

<head> 
    <style type="text/css"> 
     .green {color: green;} 
    </style> 
</head> 
<body class="claro"> 
    <div data-dojo-type="dijit.Editor"> 
     <style type="text/css"> 
      .blue {color: blue;} 
     </style> 
     <p class="green">green is NOT green</p> 
     <p class="blue" >blue is blue</p> 
    </div> 
<body>

출처

2012-01-07 11:37:14 phusick

<div data-dojo-type="dijit.Editor"> 
    <style type="text/css"> 
     .blue {color: blue;} 
    </style> 
    <p class="blue">blue</p> 
</div>

일부 코드의 차이를 설명 : 내가 함께 할 수있는 가장 간단한 방법은 dijit.Editor 태그 안에 스타일 '정의를 넣어하는 것입니다 따라서 편집자는 CSS를 다시 작성하지 않아도됩니다. 상위 페이지에 사용하는 것과 동일한 스타일 시트를 지정하면 문제가 해결됩니다. 프로그래밍 방식으로 인스턴스화하면 다음과 같이 보입니다.

var editor = new dijit.Editor({ 
    /* snipping my many parameters... */ 
}); 

editor.addStyleSheet('style.css');

출처

2012-03-09 16:17:27 Chris

또 다른 대안은 편집기의 매개 변수에 스타일 시트를 정의하는 것입니다. 세미콜론 ";" 분리기로 사용됩니다.

var editor = new dijit.Editor({ 
    styleSheets: 'linkToStylesheet1;linkToStylesheet2;etc.' 
});

출처

2012-11-25 11:30:53 leo

DoS 편집기의 CSS

답변

관련 문제