CodePress

Online Real Time Syntax Highlighting Editor written in JavaScript

CodePress is web-based source code editor with syntax highlighting written in JavaScript that colors text in real time while it's being typed in the browser.

Features

You can try some features with the demo below.

Real-time syntax highlighting » just write some code
Code snippets » on PHP example type "if" and press [tab]
Auto completion » simple type " or ( or ' or [ or { on any example below (except Plain Text)
Shortcuts » on PHP example press [ctrl][shift][space]. It's shortcut to  
Multiple windows » you can add multiple CodePress windows to the same page

Demo

choose example in:

<?php
// Very simple implementation of server side script

if(isset($_GET['file'])) {
	$file = basename($_GET['file']);
	$full_file = $path['server'].'/'.$path['webdocs'].'/'.$path['files']."/".$file;
	if(file_exists($full_file)) {
		$code = file_get_contents($full_file);
		$code = preg_replace("/>/","&gt;",$code);
		$code = preg_replace("/</","&lt;",$code);
		$language = getLanguage($file);
	}
}
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<title>CodePress - Real Time Syntax Highlighting Editor written in JavaScript</title>
	<link type="text/css" href="languages/codepress-<?=$language?>.css" rel="stylesheet" id="cp-lang-style" />
	<script type="text/javascript" src="codepress.js"></script>
	<script type="text/javascript">
		CodePress.language = '<?=$language?>';
	</script>
</head>
<body id="ffedt"><pre id="ieedt"><?=$code?></pre></body>
</html>

//set language
this.setLanguage = function() {
	if(arguments[0]) {
		language = (typeof(Content.languages[arguments[0]])!='undefined') ? arguments[0] : this.setLanguage();
		cpLanguage.innerHTML = Content.languages[language].name;
		if(cpBody.document.designMode=='on') cpBody.document.designMode = 'off';
		CodePress.loadScript(cpBody.document, '../languages/'+language+'.js', function () { cpBody.CodePress.syntaxHighlight('init'); })
		cpBody.document.getElementById('cp-lang-style').href = '../languages/'+language+'.css';
		this.hideMenu();
	}
	else {
		var extension = filename.replace(/.*\.([^\.]+)$/,'$1');
		var aux = false;
		for(lang in Content.languages) {
			extensions = ','+Content.languages[lang].extensions+',';
			if(extensions.match(','+extension+',')) aux = lang;
		}
		language = (aux) ? aux : 'generic';
	}
}

Download v.0.9.6 (26 sep 07)

It has been some time since last update. CodePress project was freezed, but me and Michael are now back. I really don't know the frequency of future releases but we are working on it. This release is more like a "we are alive" release. A real release with new features is coming.

Regards
fermads

codepress-v.0.9.6.zip » Package with CodePress and examples

Known issues

Line numbers do not resize with browser font size (because it's a bg image)
Copy from CodePress and paste somewhere else is not working correctly on Internet Explorer. Fixed for Firefox on version 0.9.6.

License

CodePress is distributed under the LGPL. If your software is compatible with this licence or it is under Creative Commons, you can use it as you want. Just keep the credits somewhere around.

To know a little more about this project, go to the about section.

Comments (are frozen, please use the forum)

These are the last 25 comments. See everything.

I cannot connect to the database because: Lost connection to MySQL server at 'reading initial communication packet', system error: 113