[designMode] Textabstand regeln

one6666

Mitglied Titanium
Hallo,

baue mir gerade einen WYSIWYG Editor, jetzt zeigt er mir aber den Text immer unterschiedlich an:

Opera:
1.PNG
Internet Exploer:
2.PNG
Firefox:
3.PNG

Und so sieht es in einer echten textarea aus:
4.PNG
Mein Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Textfeld</title>

      <script type="text/javascript">
            
			function start(){
			
	                document.getElementById("textfeld").contentDocument.designMode = "on";
				  
			}
	  
      </script>

      <style type="text/css">
	    
            .rahmen{
			border:#CCCCCC 1px solid;
			width:400px;
			height:100px;
			}
		
	  </style>

</head>

<body onload="start()">
      
      <table>
            <tr>
                  <td>
                  <!--
                        <button>B</button>
                        <button>I</button>
                        <button>U</button>
                  -->
                  </td>
            </tr>
            <tr>
                  <td>
                        <div class="rahmen">
                              <iframe id="textfeld" width="400px" height="100px" frameborder="0"></iframe>
                        </div>
                  </td>
            </tr>
      </table>
      
</body>
</html>
Meine Frage:
Wie bekomm ich das mit den Abständen hin ?

Zusatz:
Habe gerade einen interessanten Beitrag gelesen, wenn man Shift+Enter drückt passiert das nicht,
so könnte man ja die Enter Taste mit Shift+Enter austauschen, aber ob das so richtig ist ....

Zusatz2:
Sehe gerade das man mit marginheight="0px" marginwidth="0px" schon mal in die obere Ecke kommt..
 
Zuletzt bearbeitet:
Moin,

margin ist ein gutes Stichwort.
Das Problem:

Während FF bei ENTER ein <br> einfügt, erzeugen andere Browser einen neuen Absatz <p>
Das, was du dort siehst, sind also keine Zeilenabstände, sondern die margins der einzelnen Absätze.

mögliche Lösung:
nutze 2 Schaltflächen für Absatz und <br> und verzichte auf die Nutzung der Enter-Taste.
 
Hallo Sven,

verstehe dich leider nicht ganz, würde es nicht Sinn machen die Entertaste zu manipulieren,
so das er einheitlich ein <br /> einfügt,
und wie würde das ablaufen :eek:

Zusatz:
Habe gerade eine weitere Idee gefunden, man ändert den <p> TAG so das er aussieht wie ein <br> und später wandelt man das dann wieder in ein <br> um,
scheint mir sogar noch besser zusein,
was sagt Ihr ?
 
Zuletzt bearbeitet:
Was ist wenn ein p-Tag gewollt ist?
Die Manipulation der Enter-Taste erscheint mir da sinnvoller, da somit ein klares Verhalten geschaffen wird. ;)
 
DeluXe habe mich jetzt für das verkleinern des <p> TAGs entschieden,
da in meinen gebrauch kein späteres <p> Tag von nöten ist,
das ganze funktioniert jetzt auch so wie ich es will :)
 

Neue Beiträge

Zurück