Typografier

Du skal have fat i noget javascript mht. dopdown menuen, men knapperne kan du evt. lave således:
(Bemærk: her er de gængse funktioner, men der skal nok tilpasses lidt)

Lav en fil - f.eks. bbcode.php

<?
	
	function bbcode ($text) {
		
		// Quotes
		$pattern[] = '/\\[quote\\](.*?)\\[\\/quote\\]/i';
		$replace[] = '<blockquote><b>Citat</b>$1</blockquote>';

		// Quotes with source
		$pattern[] = '/\\[quote=\\"(.*?)\\"\\](.*?)\\[\\/quote\\]/i';
		$replace[] = '<blockquote><b>Citat: $1</b>$2</blockquote>';
		
		// Bold
		$pattern[] = '/\\[b\\](.*?)\\[\\/b\\]/i';
		$replace[] = '<b>$1</b>';
		
		// Italic
		$pattern[] = '/\\[i\\](.*?)\\[\\/i\\]/i';
		$replace[] = '<i>$1</i>';
		
		// Underline
		$pattern[] = '/\\[u\\](.*?)\\[\\/u\\]/i';
		$replace[] = '<u>$1</u>';
		
		// [url=URL]link_title[/url]
		$pattern[] = '/\\[url=(.*?)\\](.*?)\\[\\/url\\]/i';
		$replace[] = '<a href="$1" target="_blank">$2</a>';
		
		// [url]url_link[/url]
		$pattern[] = '/\\[url\\](.*?)\\[\\/url\\]/i';
		$replace[] = '<a href="$1" target="_blank">$1</a>';
		
		// Image
		$pattern[] = '/\\[img\\](.*?)\\[\\/img\\]/i';
		$replace[] = '<img src="$1">';
		
		// Perform replace
		$text = preg_replace($pattern, $replace, $text);
		
	return($text);
	}


?>

En javascript fil - f.eks. buttons.js

<script language="JavaScript">

function quoteSelected (theField) {
	
	// Test for compatibility
	if (document.selection) {  // Internet Explorer
		var selectedText = document.selection;
	} else if (window.getSelection) {  // Mozilla, Safari
		var selectedText = window.getSelection();
	} else if (document.getSelection) { // Explorer (MAC), Mozilla, Opera, Netscape, iCab
		var selectedText = document.getSelection();
	}
		
	if (selectedText.type == 'Text') {
		var newRange = selectedText.createRange();
		theField.focus();
		theField.value = theField.value + "[quote]" + newRange.text + "[/quote]";
	} else {
		alert('Vælg noget tekst på siden og tryk på denne knap');
	}
}

function formatText (tag) {
	var selectedText = document.selection.createRange().text;
	
	if (selectedText != "") {
		var newText = "[" + tag + "]" + selectedText + "[/" + tag + "]";
		document.selection.createRange().text = newText;
	}
}

Kald dit textarea 'text' (eller tilpas .js filen) og lav nogle knapper a la

	<input name="btnCopy" type="button" class="button_format" onClick="quoteSelected(this.form.text)" value="Quote markeret">
    <input type="button" class="button_format" onClick="formatText('quote');" value="Quote">
    <input type="button" class="button_format" onClick="formatText('b');" value="Fed">
    <input type="button" class="button_format" onClick="formatText('i');" value="Kursiv">
    <input type="button" class="button_format" onClick="formatText('u');" value="Understreg">
    <input type="button" class="button_format" onClick="formatText('img');" value="IMG">
    <input type="button" class="button_format" onClick="formatText('url');" value="URL">

include bbcode.php og buttons.js og skriv bbcode($text); før (eller når) du viser teksten.

Du skal være opmærksom på at den her udgave nok ikke virker i f.eks. Safari browsere, men der er lidt at lege med og pille videre med...



[Redigeret d. 18/11-05 18:07:28 af Jens]