CSS Class属性をStandard Umbraco Image Editorに追加する

Question

Umbracoを初めて使用しましたが、画像エディタ（コンテンツ行の選択可能なエディタに含まれているエディタ）がCSSクラスを入力する方法を提供していないことが判明しました。これは驚くべきことですが、最近ではBootstrapクラスを使用してイメージをスタイルするのがかなり標準的だと考えています（img-responsiveなど）。注：私はこれのスクリーンショットを追加する予定でした。しかし、私は何か他のポイントを獲得するまで私がこれをすることができないというメッセージを受けました。これは新会員にはうれしいことです！

私はUmbracoのUIの中に含まれている列divにクラスを設定できることを理解していますが、これは理想的ではありません。私はリッチテキストエディタを使うこともできると理解していますが、これはイメージのみを含むことを意図した列の場合には過剰です。

私がしたいのは、既存のエディタを修正してユーザにCSSクラスを入力させることですが、見つけられません。

Umbracoの独自の実装に変更を加えた人は誰ですか、もしそうなら、私はこれをどのように行うことができますか？

Answer 1

画像ピッカーは画像のIDだけを格納します。どのようにレンダリングするかは、どのクラスの画像でも同じですが、ビュー/部分的にクラスを割り当てることができます画像をレンダリングする。

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