Der unerzogene WYSIWY(W)ant-Editor

Weiß nicht woran es liegen kann, aber gewollt ist folgende Struktur (zu beachten sind die a-Tags)

HTML:

<div class="row p-b-50">
    <div class="col-md-4">
        <a href="...">
            <div class="panel">
                <div class="panel-heading bg-info">
                    <h3 class="panel-title">Titel</h3>
                </div>

                <div class="panel-body">
                    <img class="img-responsive" src="..."/>
                </div>
            </div>
        </a>
    </div>

    <div class="col-md-4">
        <a href="...">
            <div class="panel">
                <div class="panel-heading bg-info">
                    <h3 class="panel-title">Titel</h3>
                </div>

                <div class="panel-body">
                    <img class="img-responsive" src="..."/>
                </div>
            </div>
        </a>
    </div>

    <div class="col-md-4">
        <a href="...">
            <div class="panel">
                <div class="panel-heading bg-info">
                    <h3 class="panel-title">Titel</h3>
                </div>

                <div class="panel-body">
                    <img class="img-responsive" src="..."/>
                </div>
            </div>
        </a>
    </div>
</div>

der unerzogener WYSIWYG-Editor wandelt mir jedoch die Struktur um in

HTML:

<div class="row p-b-50">
    <div class="col-md-4">
        <div class="panel">
            <div class="panel-heading bg-info">
                <h3 class="panel-title"><a href="...">Titel</a></h3>
            </div>

            <div class="panel-body">
                <a href="..."><img class="img-responsive" src="..."/></a>
            </div>
        </div>
    </div>
</div>

Wozu das ganze?

Nun, gewollt sind drei Panels nebeneinander zu setzten, welches jedes von denen eine "Verlinkung" zu einer Kategorie aufweist. Dabei soll auf jeden Pixel der Panel geklickt werden können, ohne erst einmal den "eigentlichen" Link zu suchen.

Reine Bilder als "Verlinkung" sind ein "No-Go" für uns, da wir mit Texten arbeiten wollen, die bei Bedarf schnell angepasst werden können ohne das Bildbearbeitungsprogramm jedes mal aus der Schublade zu holen und aus anderen Gründen (SEO, etc.).


So, nun wie erziehe ich den WYSIWYG-Editor damit er meine Struktur nicht von sich aus ändert???

 

Das wurde doch mit HTML5 etwas gelockert, oder irre ich mich?

 

Hmm.. okay, also bleibt nur noch übrig den Code in die -USERMOD.html einzutragen.

 

Danke, aber passt schon... Das Ergebnis sieht dann in etwa so aus (siehe Bild).

Bis auf die Produktbilder ist alles Text... so schmeckt es uns

... und jeder Pixel der einzelnen Panels sind auch klickbar