URL config example

This example shows you how to setup TinyMCE to produce different results for it's URLs in images and links. You can read more about these config options in the TinyMCE FAQ

HTML source

Below is all you need to setup the example.

<script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
	mode : "exact",
	elements : 'absurls',
	theme : "advanced",
	plugins : 'advlink,advimage',
	relative_urls : false
});

tinyMCE.init({
	mode : "exact",
	elements : 'abshosturls',
	theme : "advanced",
	plugins : 'advlink,advimage',
	relative_urls : false,
	remove_script_host : false
});

tinyMCE.init({
	mode : "exact",
	elements : 'relurls',
	theme : "advanced",
	plugins : 'advlink,advimage',
	relative_urls : true // Default value
});

tinyMCE.init({
	mode : "exact",
	elements : 'relurlstopage',
	theme : "advanced",
	plugins : 'advlink,advimage',
	relative_urls : true, // Default value
	document_base_url : 'http://tinymce.moxiecode.com/'
});

tinyMCE.init({
	mode : "exact",
	elements : 'nourlconvert',
	theme : "advanced",
	plugins : 'advlink,advimage',
	convert_urls : false
});
</script>

<form method="post" action="somepage">
	<h2>TinyMCE with absolute URLs on links and images</h2>
	<textarea id="absurls" name="absurls" cols="85" rows="10"></textarea>

	<h2>TinyMCE with absolute URLs and including domain on links and images</h2>
	<textarea id="abshosturls" name="abshosturls" cols="85" rows="10"></textarea>

	<h2>TinyMCE with relative URLs on links and images</h2>
	<textarea id="relurls" name="relurls" cols="85" rows="10"></textarea>

	<h2>TinyMCE with relative URLs on links and images to a specific page</h2>
	<textarea id="relurlstopage" name="relurlstopage" cols="85" rows="10"></textarea>

	<h2>TinyMCE with no url convertion</h2>
	<textarea id="nourlconvert" name="nourlconvert" cols="85" rows="10"></textarea>
</form>