1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Textarea mit CKEditor in den Textfluss bringen

Dieses Thema im Forum "HTML & XHTML" wurde erstellt von Quest_83, 8. Februar 2015.

  1. Quest_83

    Quest_83 Grünschnabel

    Hi Leute,

    bin mit meinem Latain am Ende. Ich will eine Textarea die mit CKEditor "formatiert" wurde in den Seiten Textfluss bringen. Ich habe ein Bild das über eine Klasse je rechts und links formatiert wird neben die Textarea gesetzt. Leider wird die Textarea vom Bild teilweise überlagert und ich kann obwohl genug Platz vorhanden ist kein Float oder align left oder right auf die Textarea anwenden. Gibt es da einen Befehl für den CKeditor?

    Im Head wird ckeditor.cs eingeladen
    <dl>
    <dt>Überschrift</dt>
    <dd>
    <img src="images/bilddatei.jpg" title="Dies ist ein Bild" alt="Bild"/>
    <textarea id="dd0" name="dd[]">Hier steht ein Text</textarea>
    <script>
    CKEDITOR.replace( 'dd0' );
    CKEDITOR.config.width=400;
    CKEDITOR.config.height=125;
    </script>
    </dd>
    </dl>

    dl und dd sind über css so breit eingestellt das die breite des Textfeldes ohne Probleme reinpasst! Ohne die Formatierung mit dem CKeditor funktioniert die Darstellung einwandfrei!
     

    Anhänge:

  2. SpiceLab

    SpiceLab ZENmechanic Premium-User

    Gibt es eine Online-Version, um das Problem im Detail analysieren zu können?

    Alternativ gerne auch auf http://jsfiddle.net
     
  3. Quest_83

    Quest_83 Grünschnabel

    Nein eine Onlineversion habe ich nicht. Gibt es den eine Option für Float oder align bei ckeditor?
     
  4. SpiceLab

    SpiceLab ZENmechanic Premium-User

    Sieht ganz danach aus :D
    Zitat-Quelle: http://docs.ckeditor.com/#!/api/CKEDITOR.stylesSet
     
    iCup gefällt das.
  5. Quest_83

    Quest_83 Grünschnabel

    Wirkt das auf ein Bild innerhalb des ckeditors oder auf die img's außerhalb des Textfeldes. Ich will die Bilddatei nicht ins Textfeld haben.
     
  6. SpiceLab

    SpiceLab ZENmechanic Premium-User

    Dies bezieht sich auf die eingebetteten Bilder.

    Mit einer unsortierten Liste anstelle der Definitionsliste wäre dein Vorhaben ohne größeren Aufwand bzgl. der Umflußeinstellungen (float, align) realisierbar.
    Code (HTML5):
    1. <ul>
    2.   <li><img ... /></li>
    3.   <li><textarea ...></textarea></li>
    4. </ul>
    Code (CSS):
    1. ul {margin:0;padding:0;display:table}
    2. li {display:table-cell}
    3. li, li img {vertical-align:top}
    Das Verhalten deutet darauf hin, dass der CKEditor eine Breite von 100% innerhalb seines Elternelements einnimmt, und sich davon auch nicht abrücken lässt. Eine De-Regulierung der Breite im CSS (z.B. mittels width:400px !important) ist mir zumindest nicht gelungen.
    [edit]Tipp-Ex[/edit]
     
    Zuletzt bearbeitet: 8. Februar 2015
    iCup gefällt das.
  7. krug_s

    krug_s Mitglied

    Hmm hast du CKEditor nur in HTML eingebunden? hmm das kann nachher gar nicht funktionieren. :rolleyes: Du brauchst doch noch PHP ...oder habe ich was falsch verstanden.
     
  8. Quest_83

    Quest_83 Grünschnabel

    Fürs Formatieren in HTML brauche ich zum einbinden kein PHP. Später zum Verarbeiten natürlich. Habe es jetzt mit 2 Div gelöst. Schade das man die Textarea nicht floaten kann. Muss man wieder unnötigen Quellcode reinschreiben. Aber so funktioniert es.
     
Die Seite wird geladen...
Ähnliche Themen - Textarea CKEditor Textfluss
  1. floboof12
    Antworten:
    2
    Aufrufe:
    789
  2. mtun
    Antworten:
    0
    Aufrufe:
    1.098
  3. aiquita
    Antworten:
    1
    Aufrufe:
    1.016
  4. Zenti
    Antworten:
    2
    Aufrufe:
    1.383
  5. nentus
    Antworten:
    2
    Aufrufe:
    551