robertleeplummerjr/anchor.html

## anchor.html
<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<title>Medium.js to make an Anchor</title>
	<script src="bower_components/undo/undo.js"></script>
	<script src="bower_components/rangy-official/rangy-core.min.js"></script>
	<script src="bower_components/rangy-official/rangy-classapplier.min.js"></script>
	<script src="medium.js"></script>
	<link href="medium.css" rel="stylesheet">
</head>
<body>
<button id="link">Link (click me first)</button> <button id="kill">Turn Medium.js editor off (click me second)</button>
<div id="editor" style="height: 30px;"></div>
</body>
<script>
	var link = document.getElementById('link'),
		kill = document.getElementById('kill'),
		editor = document.getElementById('editor'),
		medium = new Medium({
			element: editor,
			mode: Medium.richMode,
			tags: null,
			placeholder: 'Test Text',
			autofocus: true,
			attributes: null
		});

	link.onmousedown = function(e){
		medium.select();
		medium.invokeElement('a', {
			title: "I'm a link!  Click me third.",
			style: "color: #66d9ef",
			href: "http://github.com",
			target: "_new"
		});

		return false;
	};

	kill.onmousedown = function() {
		medium.destroy();
		return false;
	};

	medium.value('make a link on me');
</script>
</html>
	<!DOCTYPE html>
	<html>
	<head lang="en">
	<meta charset="UTF-8">
	<title>Medium.js to make an Anchor</title>
	<script src="bower_components/undo/undo.js"></script>
	<script src="bower_components/rangy-official/rangy-core.min.js"></script>
	<script src="bower_components/rangy-official/rangy-classapplier.min.js"></script>
	<script src="medium.js"></script>
	<link href="medium.css" rel="stylesheet">
	</head>
	<body>
	<button id="link">Link (click me first)</button> <button id="kill">Turn Medium.js editor off (click me second)</button>
	<div id="editor" style="height: 30px;"></div>
	</body>
	<script>
	var link = document.getElementById('link'),
	kill = document.getElementById('kill'),
	editor = document.getElementById('editor'),
	medium = new Medium({
	element: editor,
	mode: Medium.richMode,
	tags: null,
	placeholder: 'Test Text',
	autofocus: true,
	attributes: null
	});

	link.onmousedown = function(e){
	medium.select();
	medium.invokeElement('a', {
	title: "I'm a link! Click me third.",
	style: "color: #66d9ef",
	href: "http://github.com",
	target: "_new"
	});

	return false;
	};

	kill.onmousedown = function() {
	medium.destroy();
	return false;
	};

	medium.value('make a link on me');
	</script>
	</html>