将CSS Class属性添加到标准Umbraco图像编辑器

Question

我是Umbraco的新用户，刚刚发现图像编辑器（包含在可选内容行的编辑器中）不提供输入CSS类的方法。这是令人惊讶的，考虑到现在使用Bootstrap类来设置图像样式非常标准（例如，img-responsive）。注意：我曾计划添加此屏幕截图;然而，我得到了一个信息，我不能这样做，直到我获得10点或其他点。这不利于新成员！

虽然我明白我可以在包含列div的Umbraco UI中设置一个类，但这并不理想。我也明白，我可以使用富文本编辑器，但对于仅包含图像的列来说，这似乎太过于夸张。

我想要做的是修改现有的编辑器，以允许用户输入CSS类，但我找不到它。

有没有人对你自己实施的Umbraco做过这种修改，如果有的话，你能指导我如何做到这一点吗？

Answer 1

图像选择器只存储图像的ID，它取决于你如何渲染它，如果类对于列中的所有图像都是相同的，则只需在视图/部分中指定类呈现图像。

如果您希望为每个图像设置不同的类，而不是修改内置的图像选择器，最佳做法是创建一个新的属性编辑器。这里有一个教程：https://our.umbraco.org/documentation/tutorials/Creating-a-Property-Editor/。如果您升级Umbraco，修改内置的一个会导致您的问题（您的更改将被覆盖）。但是自定义属性编辑器不会受到影响，您还可以在您制作的其他Umbraco网站上使用它！