Hallo Axel,

Ich sehe das eher als Javascript lern Phase, es muss nicht perfekt kommen ;)

Ja, sowas dachte ich mir, deshalb die Frage. Das wird aber, so wie Du das machen willst, meiner Meinung nach nicht gut gelingen. Mit JavaScript Rich-Text Editing haben sich schon erfahrene Programmierer beschäftigt und dabei viele mögliche Probleme bereits erkannt und berücksichtigt. Das muss man nicht alles neu erfinden.

Ich erfinde gerne alles neu ;) Ich habe es so am liebsten so wie ich es mir vorstelle ;)

Ich konnte das Problem ganz einfach und Simpel lösen :) Es wird wie du sagtest kein Element erzeugt sondern ein Asci-Code. Was wiederum als Text dargestellt wird.

Falls dich die Lösung noch intressiert:
Da PHP den Teil mit dem Speichern löst, habe ich alle Zeichen decodiert. Und voila es leuft ;)
Es funktioniert leider noch nicht perfekt aber zumindest so wie gedacht ;)

Ja, es wird ja auch textContent erzeugt, keine Elemente.

Ja, weil Du dort das innerHTML neu aufgebaut hattest. Wobei es in HTML aber kein PX7-Element gibt. Ganz sauber ist das also nicht und damit ist nicht sichergestellt, dass es immer funktioniert. Und an das innerHTML des Range.startContainer kommt man nicht direkt ran.

Hättest du hierzu eine Idee?
Nein, keine umfassende und praktisch einsetzbare. Da haben sich, wie gesagt, schon erfahrenere Programmierer intensiv mit beschäftigt und praxistaugliche Lösungen gefunden, die man nur nutzen muss.

Vielen Dank für den Code-Schnippsel. Ich bin froh konnte ich dieses Problem ohne JS lösen ;)
Das mit den Tag-Elementen ist eine hübsche Idee, nur wenn ich das so machen müsste dan wäre ich ewig am Programmieren.

Code entfernt!

aber das geht nur solange gut, bis man die Verschachtelungsregeln verletzt. Das müsste man dann programmtechnisch abfangen. usw. usw. bis man dann irgendwann einen kompletten Editor neu progammiert hat, den es sogar *besser* schon lange gibt.
viele Grüße

Axel

Ich bedanke mich herzlich für deine Unterstüzung!
Wünsche ein schönes Weekend!

Lg Ivory

Hallo Axel,

Leider bin ich noch auf ein Problem gestossen und wollte einmal bei dir nachfragen ob du dazu eine Lösung hättest oder einen Anreiz.

Nehmen wir wieder ein einfaches Beispiel zur erklärung:

<div>
Das ist die Zeile 1
Das ist die Zeile 2
Das ist die Zeile 3
</div>

Also der StartContainer liest ja Zeilenweise,
makiert man jetzt folgende Zeile:

Das ist die Zeile1

Gibt die erste Position 0 aus und die End Pos 16. Soweit sogut!

Makiert man jetzt aber 2 Zeilen auf einmal, hat die Funktion ein Problem.
Ich denke das ist weil man ja Zeilenweise ausliesst.

Meine Idee zur Problembehebung:

Als Beispiel wäre Zeile 1 und 2 makiert.

Das ist die Zeile 1
Das ist die Zeile 2

Jetzt fängt der Code ja bei Zeile1 an zu suchen, hier sollte bereits der Startparameter 0 übergeben werden, springt der Code jetzt aber zu Zeile2 werden die StartParameter und EndParameter nicht gefunden. Da es ja bei einer neuen Zeile wieder von 0 anfängt...

Das Resultat der Parameter sollte bei diesem Bsp. Start: 0 End: 32 c.a ausgeben.

Hat man hier die möglichkeit auszulesen in welcher Zeile sich das makierte befindet und wie viele Zeilen schon übersprungen wurden sowie wie viele Zeichen es waren.
Dann könnte man diesen Fehler beheben.

Zeilenweise ersetzen funktioniert einwandfrei ohne Probleme! Auch bei doppelten wörter etc...

Ich bedanke mich schon zum voraus für deine Bemühungen und wünsche einen angenehmen Nachmittag.

  
var sel = window.getSelection();  
                if(sel == ""){  
                    alert("Makieren Sie den gewünschten Text");  
                    return;  
                }  
                var ersteSelRange = sel.getRangeAt(0);  
  
                if (!ersteSelRange.collapsed) {  
  
                    var startContainer = ersteSelRange.startContainer;  
                    var endContainer = ersteSelRange.endContainer;  
                if (startContainer == endContainer) {  
  
                    var posStart = ersteSelRange.startOffset;  
                    var posEnd = ersteSelRange.endOffset;  
                     alert('StartPosition'+posStart);  
                     alert('StartPosition'+posEnd);  
                    var startContainerText = startContainer.textContent;  
  
                    var ersteSelRangeText = ersteSelRange.toString();  
                    //alert('RegEx Ausgabe: 'regexfirst+regexnext);  
                    startContainer.textContent = startContainerText.substr(0, posStart) + regexfirst + ersteSelRangeText + regexnext +  
                    startContainerText.substr(posEnd);  
  }  
 }