Блог

Главная - Вопросы по программированию - Как я могу повторно использовать компонент, у которого другой css aem 6?

Как я могу повторно использовать компонент, у которого другой css aem 6?

#aem

#aem

Вопрос:

Я работаю над страницей, и у нее есть некоторые функции, которые я хочу создать как один компонент. Но они используют разные классы css. Например.

 <div class="class1 class2">
            <div class="class3">
                <div class="class4">
                    <div class="left">
                        <p class="title">Some content</p>
                        <p class="subtitle">Sub title</p>
                        <p>Paragraph</p>
                    </div>
                    <div class="right">
                        <p class="title">Title</p>
                        <p class="subtitle">sub title</p>
                        <p>Paragraph</p>
                    </div>
                    <div class="middle">
                        <a href="content.html" class="callToAction">See your content</a>
                    </div>
                </div>
            </div>
        </div>

Содержимое почти аналогично, но классы css довольно сильно отличаются.
Могу ли я создать компонент, который использует этот код, и я могу просто соответствующим образом изменить классы css (class1, class2 и т.д.)?

Как я могу этого добиться?

Комментарии:

1. Может ли автор выбрать стиль компонента?

2. Нет. И не могу включить это в диалоговое окно.

3. Кроме того, на самом деле есть много классов, которые изменяются. Поэтому, я думаю, будет не очень хорошей идеей выбирать их по автору.

4. Но разве вы не можете дать этим наборам классов понятное имя и позволить автору выбрать имя?

5. Я могу попробовать это. Но считаете ли вы, что есть какой-либо другой способ добиться этого?

Ответ №1:

Одна из возможностей — использовать разные скрипты / jsp для каждого представления и предоставить диалоговое окно option is для выбора одного из скриптов / представлений. Аналогичный подход используется в компоненте списка OOTB.