css - 標準の Umbraco イメージ エディターに CSS クラス属性を追加します。

Question

私は Umbraco を初めて使用し、画像エディター (コンテンツ行の選択可能なエディターに含まれているもの) が CSS クラスに入る方法を提供していないことを発見しました。Bootstrap クラスを使用してイメージのスタイルを設定することが最近ではかなり標準的であることを考えると、これは驚くべきことです (たとえば、img-responsive など)。注: これのスクリーン ショットを追加する予定でした。ただし、10 何とかポイントを獲得するまでこれを行うことはできないというメッセージが表示されました。これは新しいメンバーには役に立ちません!

含まれている列 div の Umbraco UI 内でクラスを設定できることは理解していますが、これは理想的ではありません。Rich Text Editor を使用できることも理解していますが、これは、画像のみを含むことを目的とした列にはやり過ぎのようです。

私がやりたいことは、既存のエディターを変更して、ユーザーが CSS クラスを入力できるようにすることですが、見つかりません。

あなた自身の Umbraco の実装にこの変更を加えた人はいますか。

Answer 1

画像ピッカーは画像のIDを保存するだけです。それをどのようにレンダリングするかはあなた次第です。クラスが列内のすべての画像で同じである場合、画像をレンダリングするビュー/部分にクラスを割り当てることができます.

組み込みのイメージ ピッカーを変更するのではなく、イメージごとに異なるクラスを使用する場合は、新しいプロパティ エディターを作成することをお勧めします。これに関するチュートリアルがあります: https://our.umbraco.org/documentation/tutorials/Creating-a-Property-Editor/。組み込みのものを変更すると、Umbraco をアップグレードした場合に問題が発生します (変更は上書きされます)。ただし、カスタム プロパティ エディターは影響を受けず、構築した他の Umbraco サイトでも使用できます。