Bootstrap Medienobjekte und Icon in der Produktbeschreibung verwenden

Fiedler

Ich möchte folgenden Bootstrap Code in der Produktbeschreibung verwenden.

Code

<div class="col-md-5 col-md-offset-1">
                    <div class="content">
                        <div class="pull-middle">
                            <h2 class="h1 page-header">Discover more about features.</h2>
                            <ul class="media-list">
                              <li class="media">
                                <a class="media-left" href="#">
                                  <span class="glyphicon glyphicon-cloud icon text-success"></span>
                                </a>
                                <div class="media-body">
                                  <h3 class="media-heading">Praesent porttitor urna ut enim.</h3>
                                  <p>Maecenas vitae ex iaculis, efficitur est eu, fermentum quam.</p>
                                </div>
                              </li>
                              <li class="media">
                                <a class="media-left" href="#">
                                  <span class="glyphicon glyphicon-lock icon text-success"></span>
                                </a>
                                <div class="media-body">
                                  <h3 class="media-heading">Cras consequat est et elit.</h3>
                                  <p>Integer suscipit massa at tellus semper, at aliquam ante bibendum.</p>
                                </div>
                              </li>
                              <li class="media">
                                <a class="media-left" href="#">
                                  <span class="glyphicon glyphicon-user icon text-success"></span>
                                </a>
                                <div class="media-body">
                                  <h3 class="media-heading">Aenean vel enim quis dui blandit.</h3>
                                  <p>Maecenas vitae ex iaculis, efficitur est eu, fermentum quam.</p>
                                </div>
                              </li>
                            </ul>
                        </div>
                    </div>
                </div>

Alles anzeigen

Die Liste soll dann so aussehen http://bootsnipp.com/snippets/featu…for-bootstrap-3 (Die Liste neben den zweiten iPhone)

Leider löscht der Editor jedes mal die Icons

Code

<span class="glyphicon glyphicon-cloud icon text-success"></span>

Laut Beschreibung von Bootstrap http://holdirbootstrap.de/komponenten/#media sollen die Icons aber genau so eingebunden werden!

Gibt es eine Möglichkeit das zu umgehen oder dem Editor neu einzustellen? Außerdem würde mich interessieren welche Bootstrapversion in den Template eingsetzt wird (wir nutzen das Standard V2 Template http://www.fiedler-cases.de/ )?

mitglied

Durch Smarty ersetzen lassen.

In der Produktbeschreibung gibst du eine Variable an der Stelle an z.B (ICON)

dann in der produkt_info_v1.html durch Smarty ersetzen lassen

das angeben

Code

{$PRODUCTS_DESCRIPTION|replace:'(ICON)':'<span class="glyphicon glyphicon-user icon text-success"></span>'}

gruß

jotest

Oder haben es hier bei ein alte 2.5.x den editor selbst neu laden/einbinden und konfigurieren, leider kan ich nicht mehr zurückfinden wo und wie.

( damit den spans erlaubt und möglich sind)

Aufpassen dass man nicht zuviele möglichkeiten drin setzt weil dan kommt ein error zuviel .... geöfnet, wen überhaupt den error zu sehen ist.

So etwa wen die links noch gehen und dies noch aktuel ist>>>

Zitat

http://stackoverflow.com/questions/2437…379949#24379949

config.htmlEncodeOutput =
true;

http://docs.cksource.com/ckeditor_api/s…_config.js.html

CKEditor correctly fills empty <div> with
an  . You're trying to use CKEditor incorrectly. When you
load that empty block into CKEditor, CKEditor sees it and knows that it won't be
accessible by caret unless it's expanded. Therefore editor inserts there
something (I say something, because it depends on case).
Remember that CKEditor is a document editor, not web page builder.
That's said, there's an option to prevent this natural CKEditor's behaviour -
config.fillEmptyBlocks.
CKEDITOR.replace( 'editor1', {
fillEmptyBlocks: false
} );
This will leave all blocks empty.
PS. There's a bug in the documentation - this option does not accept
callback.

Alles anzeigen

noch mehr alte links aus mein doku.

Zitat

http://docs.cksource.com/ckeditor_api/s…TOR.config.html

http://docs.cksource.com/ckeditor_api/s…#.basicEntities

http://docs.cksource.com/ckeditor_api/s…_plugin.js.html

config.htmlEncodeOutput =
true;

http://docs.cksource.com/ckeditor_api/s…_config.js.html

Alles anzeigen

Fiedler

Danke für die Antworten.

jotest - wäre das nicht gut wenn der admin das im nächsten Update mit rein nimmt?

Ich werde das mal unter Wünsche mit rein schreiben.

jotest

Problem ist mit den editor und vor allem war mit IE 9 oder so vielleicht nocht mehr dass es sehr schnell zuviele connections / request aufbaut und dan weisses schirm error 500 und so, ich habe selbe dort gedacht o was gibt es alles an extra' s in plugin aber man hat nicht nur den plugin auch den server mit apache php und übrige shopsysteem zu beachten mit den aufbau davon.

Da hat bei Uns nur den Firefox noch gelaufen aber war auch am Grenze.

So da muss man sich genau überlegen welche optionen von editor drin und oder welche draus.

Oja wen alte commerceseo kan es auch noch sein ein ckeditor release mit ein bug