javascript - wysiwyg virker ikke som den skal. - Udvikleren.dk

Tags: javascript

<< < 1 2 3 4 > >>

Bruger #13068 @ 19.04.09 00:51

Som overskriften siger så virker min wysiwyg ikke, man kan godt skrive i den, men man kan ikke lave fed, kursiv, Understreget og forskellige tekst størelser, min koder er:

Kode

<!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=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
<title>WYSIWYG Editor</title>
<script type="text/JavaScript">
var editor;
	function init()
	{
	editor = document.getElementById("editor");
	editor.contentWindow.document.designMode = "On";
	}
	function txtCommand(command, value)
	{
	editor.contentWindow.document.execCommand(command, false, value);
	}
	function NormalMode()
	{
	editor.contentWindow.document.body.innerHTML = document.getElementById("code").value;
	document.getElementById("editor").style.display = "inline";
	document.getElementById("code").style.display = "none";
	}
	function CodeMode()
	{
	document.getElementById("code").value = editor.contentWindow.document.body.innerHTML;
	document.getElementById("editor").style.display = "none";
	document.getElementById("code").style.display = "inline";
	}
</script>
</head>
<body onload="init();">
<select onchange="txtCommand("FontSize", this.options[this.selectedIndex].value);">
<option value="1">10</option>
<option value="2">12</option>
<option value="3">14</option>
<option value="4">18</option>
<option value="5">24</option>
<option value="6">32</option>
<option value="7">48</option>
</select>
<button onclick="txtCommand("Bold", "");"><b>B</b></button>
<button onclick="txtCommand("Italic", "");"><i>I</i></button>
<button onclick="txtCommand("Underline", "");"><u>U</u></button><br />
<iframe name="editor" id="editor"></iframe>
<textarea id="code"></textarea>
<br />
<input type="button" value="Kildekode" onclick="CodeMode();" />
<input type="button" value="Design" onclick="NormalMode();" />
</body>
</html>

Og her er et link til siden med problemet http://itgeeks.wep.dk/567test567/admin/Editor.html
Hvad gør jeg forkert?

33 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 4 karma

Sorter efter stemmer Sorter efter dato

Bruger #11328 @ 19.04.09 11:09

1.323

Til Jakob: Jeg har læst den første(del 1) artikel, og jeg kan ikke helt finde ud af hvad jeg gør galt.
Til Henrik Pedersen: Jeg er enig med Jakob, jeg ville ikke lade programmer gøre det for mig, jeg koder selv alle mine hjemmesider i hånden, derfor vil jeg også selv kode min editor. Det jeg skal bruge en wysiwyg editor til, er at jeg skal kunne skrive nyhederne på min side nemt og hurtig, og med effecter på teksten. Den skal også bruges til at brugerne nemmere kan lave deres profiler.

Tjekkede lige koden, og det var egentlig meget enkelt

Du var kommet til at (i dine onclick events) at lave strings med " men det skulle have været '. Derfor troede browseren at du havde stoppet din string.

HTML kode

 <!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=iso-8859-1"/>
 <link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
 <title>WYSIWYG Editor</title>
 <script type="text/JavaScript">
 var editor;
     function init()
     {
     editor = document.getElementById("editor");
     editor.contentWindow.document.designMode = "On";
     }
     function txtCommand(command, value)
     {
     editor.contentWindow.document.execCommand(command, false, value);
     }
     function NormalMode()
     {
     editor.contentWindow.document.body.innerHTML = document.getElementById("code").value;
     document.getElementById("editor").style.display = "inline";
     document.getElementById("code").style.display = "none";
     }
     function CodeMode()
     {
     document.getElementById("code").value = editor.contentWindow.document.body.innerHTML;
     document.getElementById("editor").style.display = "none";
     document.getElementById("code").style.display = "inline";
     }
 </script>
 </head>
 <body onload="init();">
 <select onchange="txtCommand('FontSize', this.options[this.selectedIndex].value);">
 <option value="1">10</option>
 <option value="2">12</option>
 <option value="3">14</option>
 <option value="4">18</option>
 <option value="5">24</option>
 <option value="6">32</option>
 <option value="7">48</option>
 </select>
 <button onclick="txtCommand('Bold', '');"><b>B</b></button>
 <button onclick="txtCommand('Italic', '');"><i>I</i></button>
 <button onclick="txtCommand('Underline', '');"><u>U</u></button><br />
 <iframe name="editor" id="editor"></iframe>
 <textarea id="code"></textarea>
 <br />
 <input type="button" value="Kildekode" onclick="CodeMode();" />
 <input type="button" value="Design" onclick="NormalMode();" />
 </body>
 </html>

Bruger #14381 @ 20.04.09 12:32

319

Det kunne jo godt være det skulle gå stærkt..
Jeg ville nu ikke klade det at være doven.

Når jeg udvikler kommencielt fx. Foretrækker jeg at bruge gennemprævede teknikker (sammenlign mig ikke med en der bare downloader andres værker, for det gør jeg ikke.)
Kommencielt = At få penge ind på kontoen.

I min fritid derimod finder jeg det morsomt at skrive mine egne bevægelsesopfangelse algoritmer, javascript, flash, chats og sådan bare for hobby'en

Fritid = At lære nyt.

Jeg tolkede hans post som om han skulle bruge det til sin side og at det bare var et problem, der skulle løses.

Indlæg senest redigeret d. 20.04.2009 12:33 af Bruger #14381

Bruger #14381 @ 19.04.09 09:32

319

hvorfor skriver du din egen? ptøv at Google FCKEditor istedet

Bruger #11328 @ 19.04.09 09:59

1.323

hvorfor skriver du din egen? ptøv at Google FCKEditor istedet

Er alle udviklere bare dovne? Tænk hvis alle tænkte sådan.. Så ville vi jo aldrig få nogen udvikling

Nå, men tilbage til problemet, så er der skrevet nogle rigtig gode artikler om det herinde på udvikleren.dk. Se her:
(Evt. en start på object-orienteret javascripting):
http://www.udvikleren.dk/JavaScript/Article.aspx/271/

Artiklerne:
Del 1
Del 2
Del 3

Bruger #13068 @ 19.04.09 10:46

Til Jakob: Jeg har læst den første(del 1) artikel, og jeg kan ikke helt finde ud af hvad jeg gør galt.
Til Henrik Pedersen: Jeg er enig med Jakob, jeg ville ikke lade programmer gøre det for mig, jeg koder selv alle mine hjemmesider i hånden, derfor vil jeg også selv kode min editor. Det jeg skal bruge en wysiwyg editor til, er at jeg skal kunne skrive nyhederne på min side nemt og hurtig, og med effecter på teksten. Den skal også bruges til at brugerne nemmere kan lave deres profiler.

Indlæg senest redigeret d. 19.04.2009 10:53 af Bruger #13068

Bruger #13669 @ 19.04.09 11:14

hvorfor skriver du din egen? ptøv at Google FCKEditor istedet

Er alle udviklere bare dovne? Tænk hvis alle tænkte sådan.. Så ville vi jo aldrig få nogen udvikling
Nå, men tilbage til problemet, så er der skrevet nogle rigtig gode artikler om det herinde på udvikleren.dk. Se her:
(Evt. en start på object-orienteret javascripting):
http://www.udvikleren.dk/JavaScript/Article.aspx/271/

Artiklerne:
Del 1
Del 2
Del 3

Vis alle udviklere skulle til at opfinde den dybe tallerken hver gang de skulle lave noget, ville vi heller ikke få så meget udvikling. Det handler om at udvikle noget, der ikke allerede er udviklet.

(med mindre man gør det for at lærer noget)

Bruger #13068 @ 19.04.09 11:17

lige en ting til, der er meget stor afstand mellem linierne, hvordan løser jeg dette?

Bruger #11328 @ 19.04.09 13:14

1.323

hvorfor skriver du din egen? ptøv at Google FCKEditor istedet

Er alle udviklere bare dovne? Tænk hvis alle tænkte sådan.. Så ville vi jo aldrig få nogen udvikling
Nå, men tilbage til problemet, så er der skrevet nogle rigtig gode artikler om det herinde på udvikleren.dk. Se her:
(Evt. en start på object-orienteret javascripting):
http://www.udvikleren.dk/JavaScript/Article.aspx/271/

Artiklerne:
Del 1
Del 2
Del 3

Vis alle udviklere skulle til at opfinde den dybe tallerken hver gang de skulle lave noget, ville vi heller ikke få så meget udvikling. Det handler om at udvikle noget, der ikke allerede er udviklet.

(med mindre man gør det for at lærer noget)

Langt fra sandt...
1) Jacob virker netop som en der har brug for træning, derfor er det en god måde for ham at blive bedre på
2) Ja det handler om at udvikle nye ting, men ofte er det altså på baggrund af noget andet. Langtfra alle ideer bliver startet fra scratch.
Man kunne jo forestille sig at Jacob fandt på en helt ny programmerings-teknik til problemet, som fx Bespin

Bruger #13068 @ 19.04.09 14:55

Er der ikke nogen der ved hvordan man for den til at lave normale linier mens man redigere?

Bruger #13669 @ 19.04.09 14:57

hvorfor skriver du din egen? ptøv at Google FCKEditor istedet

Er alle udviklere bare dovne? Tænk hvis alle tænkte sådan.. Så ville vi jo aldrig få nogen udvikling
Nå, men tilbage til problemet, så er der skrevet nogle rigtig gode artikler om det herinde på udvikleren.dk. Se her:
(Evt. en start på object-orienteret javascripting):
http://www.udvikleren.dk/JavaScript/Article.aspx/271/

Artiklerne:
Del 1
Del 2
Del 3

Vis alle udviklere skulle til at opfinde den dybe tallerken hver gang de skulle lave noget, ville vi heller ikke få så meget udvikling. Det handler om at udvikle noget, der ikke allerede er udviklet.

(med mindre man gør det for at lærer noget)

Langt fra sandt...
1) Jacob virker netop som en der har brug for træning, derfor er det en god måde for ham at blive bedre på
2) Ja det handler om at udvikle nye ting, men ofte er det altså på baggrund af noget andet. Langtfra alle ideer bliver startet fra scratch.
Man kunne jo forestille sig at Jacob fandt på en helt ny programmerings-teknik til problemet, som fx Bespin

1)læs min (). Selfølgelig kan man lave nogle ting der allerede eksistere for at lære hvordan man gør, men det giver stadig ingen udvikling, da det allerede findes.
2)Netop, vis han er ved at udvikle et system der skal bruge en WYSIWYG editor, hvorfor så starte fra scrath, hvorfor ikke bare bruge en der er der i forvejen, så han kan udvikle på den del af projektet der er ny. (igen, man kan sagtens lave noget, bare for at lærer hvordan man gør)

.:Edit:.
Jeg kan desværre ikke hjælpe med problemet

Indlæg senest redigeret d. 19.04.2009 14:59 af Bruger #13669

<< < 1 2 3 4 > >>

wysiwyg virker ikke som den skal.

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler