Benutzer-Werkzeuge

Webseiten-Werkzeuge


insertatcaret

Text im Textarea einfügen (insertAtCaret-Plugin)

Um Text per Tastendruck oder per Schaltfläche in einem Textarea einzufügen kann hier ein jQuery-Plugin heruntergeladen und in der Webseite eingebunden werden:

https://gist.github.com/mathiasbynens/326491

Anwendungsbeispiel:

<html>
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
	<script src="/js/insertAtCaret.js"></script>
	<script type="text/javascript">
		<!--
                	function insertText( placeholder ) {
 
                    		$( "#Emailtext" ).insertAtCaret( placeholder );
			}
		//-->
	</script>
</head>
<body>
	<form method="post" action="">
		<table border="1">
			<tr>
				<td class="right">Platzhalter einf&uuml;gen:</td>
				<td><input type="button" value="TEST einfügen" onclick="javascript: insertText( 'TEST' );" /></td>
			</tr>
			<tr>
				<td class="right"><label for="Emailtext">E-Mail-Text:</label></td>
				<td><textarea cols= "50" rows="25" name="Text" id="Emailtext"></textarea></td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td><input type="submit" name="Button" value="speichern" />
			</tr>
		</table>
	</form>
</body>
</html>
insertatcaret.txt · Zuletzt geändert: 2016/04/07 00:00 (Externe Bearbeitung)