0

これは簡単な方法です。OrchardCMSでコンテンツを追加するときに、テキストを画像の周りにきちんと合わせる方法を知っている人はいますか？

私の意見では、ウェブページコンテンツの基本ですが、オーチャードが処理できないように見えるのは「箱から出してすぐに使える」唯一のものです。

おそらくスタイルタグか何かで回避策があると確信していますが、ここで単純なものが欠落している場合に備えて、ファッジを実装したくありません

現時点では、最初に「I」ビームカーソルをテキストの中央の左端の文字位置0に置いて画像を追加すると、次のHTMLがEDITORによって生成されます。太字で、フォーマットなしで配置された画像がひどいように見えることに注意してください。

コメントをいただければ幸いです

4

1 に答える 1

1

できることはいくつかあります。

まず、メディア ピッカーを開くと、 というドロップダウン メニューがありますAllignment。たとえばLeft、 を選択すると、テキストは画像の右側から折り返されます。を選択するRightと、画像は右に移動し、テキストは画像の左側から折り返されます。

ただし、デザインの観点からは、画像の周囲にテキストをラップする好ましい方法は、CSS スタイルを使用することです。

これは、画像の右側からテキストを折り返すために必要なスタイルの例です:

img {
    float: left;
    padding: 5px;
}

そして、これは画像の左側からラップする例です:

img {
    float: right;
    padding: 5px;
}

このスタイルは、サイト内のすべての画像に効果的に適用され、画像の周りにスペースを追加したことに注意してください。特定の画像のみに適用する場合は、目的に合わせて CSS セレクターを変更する必要があります。

Orchard 管理から実際にこれを確認するには、このスタイルを/Modules/TinyMce/Scripts/themes/advanced/skins/default/content.cssブラウザに追加し、キャッシュをクリアする必要があります。

これをテーマで表示するには、このスタイルをテーマの CSS に追加する必要があります。

于 2012-10-31T09:29:36.197 に答える