2012-01-06 13 views
1

質問があります。私を助けることができますか?D 私はdijo.editorをdojoに使用しました。私の入力は以下のようにimgタグとき:エディタにDojoエディターのCSS

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

は、だから、私は、スタイルhtmlコードではできませんので、私は、それを行うことができますどのように、エディタでクラス.alignleftのスタイルCSSにしたいです編集者。エディタの外はすべてOKです。任意の提案のための

ありがとう:Dあなたの親ドキュメントのスタイルが動作していない理由であるiframe内部

答えて

1

dijit.Editor実行、。エディタのiframeにスタイルを注入する必要があります。私が来ることができる最も簡単な方法は、dijit.Editorタグ内のスタイルの定義を置くことです:

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

違いを説明するためのいくつかのコード:

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

また、使用するスタイルシートを指定することができますエディタによって、CSSを書き直す必要がなくなります。親ページに使用しているのと同じスタイルシートを指定すると、問題が解決されます。これをプログラムでインスタンス化すると、次のようになります。

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

editor.addStyleSheet('style.css'); 
3

もう1つの方法は、エディタのパラメータでスタイルシートのdirecltyを定義することです。セミコロン ";"セパレータとして使用される。

var editor = new dijit.Editor({ 
    styleSheets: 'linkToStylesheet1;linkToStylesheet2;etc.' 
}); 
関連する問題