Julian Oettrich: Editor erstellen

Ich bin gerade dabei, mir einen selbstangepassten Html Editor zu erstellen, da ich diese Standart WYSIWYG Editoren nicht so mag, habe dabei nur ein kleines problem. Wenn ich auf ein element klicke (z.B. ausgabe: '<b></b>') und danach auch auf einen anderen Punkt (z.B. ausgabe: '<i></i>'), dann löscht er die erste eingabe. Wie kann ich das problem lösen?

http://www.world4free.net/editor/editor.html
http://www.world4free.net/editor/editor.js

Wenn mir jemand helfen kann, wäre das echt super!

Julian Oettrich

    1. sieh dir mal http://aktuell.de.selfhtml.org/tippstricks/javascript/bbcode/index.htm an.

      MfG
      der Frank

      Super! Dankeschön!

      Kann mir vieleicht noch jemand helfen, und sagen, wie ich dafür irgenwie eine Vorschau generieren kann? Ich hab schon überall geschaut,
      kann aber keine Stelle finden, wo so was steht.

      Julian

      1. Zum ersten Punkt genügt es doch einfach den value des Feldes plus den neuen Inhalt zu nehmen. Zu zweitens kannst du doch einfach mit document.getElementById('id').innerHTML den inhalt auf ein div übertragen und dadurch eine art vorschau erstellen. Eine weitere möglichkeit wäre ein PopUp.

        mfg Prophet

        1. Zum ersten Punkt genügt es doch einfach den value des Feldes plus den neuen Inhalt zu nehmen. Zu zweitens kannst du doch einfach mit document.getElementById('id').innerHTML den inhalt auf ein div übertragen und dadurch eine art vorschau erstellen. Eine weitere möglichkeit wäre ein PopUp.

          mfg Prophet

          Also, das erste ist jetzt schon sehr gut gelöst. Aber das mit dem zweiten müsstest du mir nochmal genauer erklären. Wie mach ich das, wenn ich die Vorschau in einer neuen Seite oder in einem Popup anschauen will. Wäre super, wenn du mir das nochmal genauer beschreiben könntest.

          Julian

          1. Zum ersten Punkt genügt es doch einfach den value des Feldes plus den neuen Inhalt zu nehmen. Zu zweitens kannst du doch einfach mit document.getElementById('id').innerHTML den inhalt auf ein div übertragen und dadurch eine art vorschau erstellen. Eine weitere möglichkeit wäre ein PopUp.

            mfg Prophet

            Also, das erste ist jetzt schon sehr gut gelöst. Aber das mit dem zweiten müsstest du mir nochmal genauer erklären. Wie mach ich das, wenn ich die Vorschau in einer neuen Seite oder in einem Popup anschauen will. Wäre super, wenn du mir das nochmal genauer beschreiben könntest.

            Julian

            Das ganze ist schwer zu erklären...
            http://de.selfhtml.org/javascript/objekte/window.htm <-- Da kannst du alles über PopUps nachlesen. Und dann machst du es nachher so das du einfach den inhalt des textfeldes in das Popup schreibst.

            mfg Prophet

        2. Also in PHP hab ich das mit der Vorschau geschafft, aber mir wäre es in html lieber. kann mir jamand das hier vieleicht in html umbearbeiten?

          http://www.world4free.net/editor/editor.php
          http://www.world4free.net/editor/vorschau.php

          Aber ein problem hab ich auch hier noch, denn die Vorschau soll ja in einem neuen Fenster geöffnet werden.

          Julian

          1. Also in PHP hab ich das mit der Vorschau geschafft, aber mir wäre es in html lieber. kann mir jamand das hier vieleicht in html umbearbeiten?

            Dies wäre z.B. eine Möglichkeit mittels Popup:

            function vorschau() {  
                fenster = window.open('','','');  
                fenster.document.open();  
                fenster.document.write('<html>\n<head>\n<title>Vorschau</title>\n<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">\n</head>\n<body>\n'+document.getElementsByTagName('textarea')[0].value+'\n</body>\n</html>');  
                fenster.document.close();  
            }
            

            MfG

            der Frank