在dojo編輯器中的Css

我有一個問題，你能幫我：D 我在dojo中使用了dijit.editor。當我輸入img標籤，如：在dojo編輯器中的Css

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

到編輯器，

所以我想CSS樣式類.alignleft編輯器，我怎麼能做到這一點，因爲我可以在沒有風格的HTML代碼編輯。外部編輯器一切正常。

感謝您的建議：d

來源

2012-01-06 johnITBonuc

內iframe的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>

來源

2012-01-07 11:37:14 phusick

你也可以指定一個樣式表中使用由編輯，從而避免不得不重寫任何CSS。指定用於父頁面的相同樣式表可以解決您的問題。當我通過編程實例化它時，它看起來像這樣：

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

editor.addStyleSheet('style.css');

來源

2012-03-09 16:17:27 Chris

另一種替代方法是在編輯器的參數中定義樣式表direclty。分號「;」被用作分隔符。

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

來源

2012-11-25 11:30:53 leo

在dojo編輯器中的Css

回答

相關問題