Magento 페이지에 부트 스트랩 캐 러셀을 추가하는 방법은 무엇입니까?

Question

내 Magento 사이트의 홈페이지에 Boostrap 회전식 캐 러셀을 만들었습니다. 그래도 컨베이어 제어 장치에 문제가 있습니다.

Magento 홈페이지의 HTML 편집기에 입력하면 컨트롤이 사라집니다. 그러나 그 변환 된 얻을 - 나는 밖으로 찍은 실제 이미지 SRC의

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"><!-- Indicators --><ol class="carousel-indicators"> 
<li class="active" data-target="#carousel-example-generic" data-slide-to="0"></li> 
<li data-target="#carousel-example-generic" data-slide-to="1"></li> 
<li data-target="#carousel-example-generic" data-slide-to="2"></li> 
</ol><!-- Wrapper for slides --> 
<div class="carousel-inner"> 
<div class="item active"><img src="..." alt="" /></div> 
<div class="item"><img src="..." alt="" /></div> 
<div class="item"><img src="..." alt="" /></div> 
</div> 
<!-- Controls --></div> 

:이대로 저장 무엇

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
    <!-- Indicators --> 
    <ol class="carousel-indicators"> 
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 
    <li data-target="#carousel-example-generic" data-slide-to="1"></li> 
    <li data-target="#carousel-example-generic" data-slide-to="2"></li> 
    </ol> 

    <!-- Wrapper for slides --> 
    <div class="carousel-inner"> 
    <div class="item active"><img src="{{skin url='images/slider/2.jpg'}}" alt="" /></div> 
    <div class="item"><img src={{skin url='images/slider/3.jpg'}} alt="" /></div> 
    <div class="item"><img src={{skin url='images/slider/4.jpg'}} alt="" /></div> 
    </div> 

    <!-- Controls --> 
    <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> 
    <span class="glyphicon glyphicon-chevron-left"></span> 
    </a> 
    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> 
    <span class="glyphicon glyphicon-chevron-right"></span> 
    </a> 
</div> 

:

이

내가 콘텐츠 HTML 편집기에 입력 한 내용이다 정확하게 내 사이트의 회전 목마 안에 이미지를 표시하십시오. 그러나 보시다시피 컨트롤이 사라집니다.

이 문제가 발생합니까? 또는 그 밖의 것들 컨트롤을 유지하기 위해 추가 할 수 있습니까?

Answer 1

'쇼 편집기'와 '편집기 숨기기'사이에 문제가 있다고 생각합니다.

HTML을 붙여 넣는 경우 편집기가 이 (가)으로 숨겨져 있는지 확인하십시오.

편집기 숨김 코드를 붙여넣고 편집기를 표시 한 다음 다시 숨겨진 상태로 전환하면 코드를 변경하는 편집기를 볼 수 있습니다. 컨트롤이 사라지는 것을 볼 수 있습니다.

편집기를 숨기고 HTML을 붙여넣고 페이지를 저장 한 다음 '편집기 숨김'상태로 둡니다.

'표시/숨기기'는 실제로 텍스트 편집과 WYSIWYG HTML 편집간에 ''을 전환하고 두 가지 모드간에 전환 할 때 실수를 수정하기 위해 HTML 필터링을 적용하기 때문에 발생합니다. '.

WordPress의 시각적 텍스트 편집기를 사용한 사람은 누구나이 잡록을 잘 알고있을 것입니다. 그리고 WordPress와 Magento는 모두 TinyMCE 편집기를 사용합니다 (훌륭한 편집기 인 HTML WYSIWYG는 코드 작성이 쉽지 않지만 어느 응용 프로그램도 최신 버전을 사용하지 않습니다).

앵커 태그에 데이터가 없기 때문에 필터링이 이루어지는 것으로 판단됩니다.