표준 Umbraco 이미지 편집기에 CSS 클래스 속성 추가

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 사이트에서도 사용할 수 있습니다.