CKEditor Inhalt zwischen div-Tag bearbeiten @ tutorials.de: Tutorials, Forum & Hilfe

blastermaster · 09.05.10 12:57

Arbeite jetzt seit geraumer Zeit mit dem CKEditor und finde diesen WYSIWYG Editor ansich schon genial. Jetzt kann man aber den Inhalt der zu erstellenden Webseite aber nur entweder komplett (von html-Tag) oder auch ab dem body-Tag bearbeiten/erstellen.
Ich möchte aber die Webseite zwischen einem div-Tag bearbeiten/erstellen und wüsste jetzt gern ob es möglich ist dies über die Konfiguration einzustellen. Hab mich zwar schon durch die engl. Dokumentation gewühlt, aber nix gefunden.

Ich habe auch schon versucht über die ckeditor.js den div-Tag mit hinzuzufügen, führte aber dazu das der Tag mit in den Quelltext einfließt und nicht nur der Inhalt dazwischen.

Sven Mintel · 10.05.10 07:04

Moin,

schaue dir bei den Samples mal die divreplace.html an.

blastermaster · 10.05.10 17:22

Danke, aber das hilft mir nur bedingt weiter.
Folgender Hintergrund - meine Webseiten sind alle von der Struktur wie folgt aufgebaut (vereinfacht)

HTML-Code:

<html>
  <head></head>
  <body>
    <div class="inhalt">
     ......hier mein zu erstellender Inhalt.......
    </div>
  </body
</html>

Da das div-inhalt bereits eigene css-Formatierungen mitbringt (Rahmen, Hintergrundfarbe/-bild, .....) würde ich diese auch gleich im Editor sehen wollen. In dem divreplace Sample könnt ich es zwar so einrichten das um/im div-editable mein div-inhalt liegt und hätte eine gute Vorschau mit den css-Attributen, aber eben nicht mehr im Editor selbst.

Sven Mintel · 10.05.10 18:25

Sofern du ein separates CSS-File hast, kannst du dies importieren

Zumindest die Regeln, die auf Selektoren zutreffen, die nicht eine bestimmte Knotenhierarchie vorraussetzen, sollten dann Wirkung zeigen.

blastermaster · 10.05.10 19:45

Die CSS-Eigenschaften werden bereits eingebunden - das ist nicht mein Problem. Sondern das ich im Editor nur die Möglichkeit habe zwischen den Body-Tags zu editieren. Ich brauche aber ein div-Tag noch dazu - ohne dieses erst im Editor erstellen zu müssen. Genauso wie man auch nicht erst den html- oder body-Tag erstellen muß. Sondern diese sind ja bereits vorhanden und werden auch nicht im Quellcode mit angezeigt.

Ich müsste im jetzigen Zustand bei jeder neuen Seite immer erst ein div mit meiner Klasse erstellen

Sven Mintel · 10.05.10 22:54

Ersetze die Funktion replaceDiv hierdurch:

Code :

function replaceDiv( div )
{
    if ( editor )
        editor.destroy();
  var wrapped=document.createElement('div').appendChild(div.cloneNode(true)).parentNode;
  div.parentNode.replaceChild(wrapped,div);
    editor = CKEDITOR.replace(wrapped);
}

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Bearbeiten von Daten aus HalFormular mit Inhalt aus Abfrage

Videospur Inhalt bearbeiten in Premiere

Inhalt zwischen <td> und </td> auslesen?

Textdatei bearbeiten/Inhalt kürzen

ARRAY-INHALT bearbeiten

E-Mail:

Abonnieren Abbestellen