Ext.ux.panel.CodeMirror

[chesstrix]

Works like a charm.
Thank you for posting.

[steffenk]

I implemented codemirror in TYPO3 with ExtJS and built a fileeditor which highlights all kinds of files. Integrated jslint, versioning, and much more.

It works great with latest codemirror. If you are interested here is the main file:

http://forge.typo3.org/projects/typo...js/em_files.js

and it looks like this:

[steffenk]

        parser: 'php',

this won't work. parser is the class name of the parser you use and included.
Also raw phpParser won't work because the <? let's break the parsing.

This way it will work:

parser: 'PHPHTMLMixedParser',
parserfile: [
	"parsexml.js",
	"parsecss.js",
	"tokenizejavascript.js",
	"parsejavascript.js",
	"../contrib/php/js/tokenizephp.js",
	"../contrib/php/js/parsephp.js",
	"../contrib/php/js/parsephphtmlmixed.js",
	"../contrib/sql/js/parsesql.js"
],

[Stju]

this won't work.

What do You mean with won't work? It will work if You don't use <?php, so for plain php it's working correctly. If You want to use it combined mode for php and html, there is already mixed class defined and it works like a charm But be aware then in this case if You don't use <?php it won't highlight! So in general it depends on every other user case Here are the samples:
mixed-without-php.png
php.png
mixed-short.png
mixed-with-php.png

[steffenk]

Hi,

yes, exactly this is the problem with the parser that it depends of having php tag or not
I wrote this because i had errors using PHPParser with <?php ...

I wondered about parser: 'php', as i always use the correct classnames:
PHPParser, PHPHTMLMixedParser

With my debugs, all other declarations didn't worked. Unfortunally there is no try/catch, so wrong parser name direct throws js error.

btw - the author works on codemirror2 which is a complete rewrite with much cleaner code, i'm looking forward. Existing codemirror has some weakness.

[Stju]

Hi!
Yes, already gave some hands over first beta BTW wanted to say the same Let's keep fingers crossed!

[khebs@live.com]

I havent created a UX for this yet, since, i only used this for just 1 window.. but, this is what i did...

var form = new Ext.form.FormPanel({
    ...
    items: [{
        xtype: 'textarea',
        name: 'addjson'
        ...
   }]
   ...
});

var textarea = form.getForm().findField('addjson');

jsonfield = CodeMirror.fromTextArea(textarea.el.dom, {
	height: textarea.getHeight() + 'px',
	content: textarea.getValue(),
	parserfile: ["tokenizejavascript.js", "parsejavascript.js"],
	stylesheet: __baseurl + "lib/codemirror/css/jscolors.css",
	path: __baseurl + "lib/codemirror/js/",
	autoMatchParens: true,
	textWrapping: false,
	width: textarea.getWidth(),
	parserConfig: {
		json: true
	}
});

// Just to remove the invalid marker
//
jsonfield.frame.contentWindow.addEventListener('keydown', function(e){
	jsonfield.wrapping.className = 'x-form-text x-form-field no-margin-field';
});

jsonfield.wrapping.className = 'x-form-text x-form-field no-margin-field';

[SnakeMedia]

Hello @qulys,

good work and keep your development for nice application ^^!

1. Question: Can you update with preview?
I give a nice suggestion for preview per html site and support with javascript frameworks like Extjs or Qooxdoo and any frameworks of js to preview...

2. Question: Paint-able function like xur framework or any function with css-style?
Example: I create an shape quadrat with border than i save new image / sprite into local drive.
Do you believe posible via paint function without flash application only JS-Framework?

Thanks for new component, awesome! ^^

[bobmanc]

i know it is early yet but is there an ExtJS v4 version in the works?

[vlx]

Hi,

I have made a port to ExjJS 4.0 and CodeMirror 2.0, hope someone can use it.

Ext.Ux.panel.CodeMirror.zip