simpele wysiwyg editor [meerdere]

Status
Niet open voor verdere reacties.

brietje

Gebruiker
Lid geworden
29 okt 2007
Berichten
10
Beste mensen,

Ik heb een zelfgemaakte wysiwyg editor:

HTML:
<html>
  <head>
	  <title>Simple Javascript WYSIWYG Editor</title>
	  <script language="Javascript">
	  
		var Editor; 
		
		function Format(action)
		{
			Editor.execCommand(action, false, null); 
		} 
		
		function Colour(colour) 
		{ 
			Editor.execCommand("forecolor",false, colour); 
		} 
		
		window.onload = function() 
		{ 
			Editor = document.getElementById('textbox').contentWindow.document;
			Editor.designMode = "on";
		
			document.forms[0].onsubmit = function()
			{ 
				var text = document.getElementById('text');
				text.innerHTML = Editor.body.innerHTML; 
			} 
		}
	  
	  </script>
  </head>
  <body>
	  <form method="POST" action="">
		  <div>
			  <input type="button" onclick="Colour('Green')" style="background-color:Green;" />
			  <input type="button" onclick="Colour('Red')" style="background-color:Red;" />
			  <input type="button" onclick="Colour('Blue')" style="background-color:Blue;" />
			  <input type="button" onclick="Colour('Black')" style="background-color:Black;" />
			  <input type="button" onclick="Format('bold')" value="B" />
			  <input type="button" onclick="Format('italic')" value="I" />
			  <input type="button" onclick="Format('Underline')" value="U" />
			  <input type="button" onclick="Format('justifycenter')" value="C" />
			  <input type="button" onclick="Format('justifyleft')" value="L" />
			  <input type="button" onclick="Format('justifyright')" value="R" />
			  <input type="button" onclick="Format('InsertUnorderedList')" value="LIST" /><br/>
			  <iframe id="textbox" name="textbox" style="width:300px; height:150px"></iframe><br/>
			  <input type="submit" name="submit" value="Go" />
			  <textarea id="text2" name="text2"></textarea>
		  </div>
	  </form>
	  
	  <?php
	  if(!empty($_POST['submit']))
	  {
		$content = str_replace("\\", "",$_POST['text']);
		echo $content;
	  }
	  ?>
	  
  </body>
</html>

Werkt prima,
Alleen nu wil ik graag dat ik ook meerdere editors kan aanmaken, bijvoorbeeld 5ofzo of wat dan ook.

Weten jullie hoe ik dit moet doen?

Gr.
Boris
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan