2016-06-20 6 views
2

dojoを使用してリッチテキストエディタを作成しています。このリッチテキストエディタにextraPlugin機能を適用しました。それは正常に動作していますが、ツールバーオプションはラップされません。あなたはフォントのセクションを見ることができるようにDojo Richtext editorツールバーのスタイルが正しくない

enter image description here

はラップ取得されていません。 誰も私を助けることができますか?ツールバーラインを破ることは道場エディタで利用可能な1つのプラグインがあり

<!DOCTYPE html> 
<html > 
    <head> 

     <link rel="stylesheet" href="../_static/js/dojo/../dijit/themes/claro/claro.css"> 

     <script>dojoConfig = {parseOnLoad: true}</script> 
     <script src='../_static/js/dojo/dojo.js'></script> 

     <script> 
      require(["dojo/parser", "dijit/Editor","dijit/_editor/plugins/FontChoice", "dijit/_editor/plugins/TextColor"]); 
     </script> 
    </head> 
    <body class="claro"> 
     <div data-dojo-type="dijit/Editor" id="editor1" data-dojo-props="onChange:function(){console.log('editor1 onChange handler: ' + arguments[0])}, 
     plugins:['cut','copy','paste','|','bold','italic','underline','strikethrough','subscript','superscript','|', 'indent', 'outdent', 'justifyLeft', 'justifyCenter', 'justifyRight','|','foreColor','hiliteColor',{name:'dijit/_editor/plugins/FontChoice', command:'fontName', generic:true}]"> 
     </div> 
    </body> 
</html> 
</div> 
+1

問題の最小限の、再現可能なソースコードの例*を提供していただけますか? –

+0

すぐにお返事ありがとうございます。私はそれが解決であることを発見しました。 –

+0

あなたの質問をより詳細に編集して*解決したら、コミュニティにも役立ちます。 :) –

答えて

1

次のコードを参照してください。 あなたはこのために、このリンクを参照できます。

Dojo ToolbarLineBreak

ソリューション:

<!DOCTYPE html> 
<html > 
    <head> 

     <link rel="stylesheet" href="../_static/js/dojo/../dijit/themes/claro/claro.css"> 

     <script>dojoConfig = {parseOnLoad: true}</script> 
     <script src='../_static/js/dojo/dojo.js'></script> 

     <script> 
      require(["dojo/parser", "dijit/Editor","dijit/_editor/plugins/FontChoice", "dijit/_editor/plugins/TextColor","dojox/editor/plugins/ToolbarLineBreak"]); 
     </script> 
    </head> 
    <body class="claro"> 
     <div data-dojo-type="dijit/Editor" id="editor1" data-dojo-props="onChange:function(){console.log('editor1 onChange handler: ' + arguments[0])}, 
     plugins:['cut','copy','paste','|','bold','italic','underline','strikethrough','subscript','superscript','|', 'indent', 'outdent', 'justifyLeft', 'justifyCenter', 'justifyRight','||','foreColor','hiliteColor',{name:'dijit/_editor/plugins/FontChoice', command:'fontName', generic:true}]"> 
     </div> 
    </body> 
</html> 
</div> 

"をdojox /エディタ/プラグイン/ ToolbarLineBreak" 1つの以上のプラグインを追加して使用する "||"プラグインの小道具であなたが欲しい場所を破る。

希望の解決策があれば、それは助けになるでしょう。

関連する問題