将 CSS 类属性添加到标准 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 网站上使用它！