Cannot read property 'body' of undefined

[adamgen]

HTML:

<textarea class="SQLfield" name="SQLfield"></textarea>

SCRIPTS:

<script type="text/javascript" src="assets/jquery.min.js"></script>
<script type="text/javascript" src="assets/ace/ace.js"></script>
<script type="text/javascript" src="assets/ace/theme-twilight.js"></script>
<script type="text/javascript" src="assets/ace/mode-sql.js"></script>
<script type="text/javascript" src="assets/ace/jquery-ace.js"></script>

CALL:

<script type="text/javascript">
$('.SQLfield').ace({ theme: 'twilight', lang: 'sql' })
</script>

doesn't wok and in the console it shows:
Cannot read property 'body' of undefined

[Kryptonit3-zz]

I get

Uncaught TypeError: Cannot read property 'length' of undefined

[Kryptonit3-zz]

@cheef any ideas? :\

[jeffochoa]

@Kryptonit3 apartenly this only works with perl syntax.

[sajib735]

I was facing similar problem. I have just add few lines of css code and now this editor work perfectly.

Here is the codes:

<style> .ace_editor.ace-tm { width: 100% !important; height: 350px !important; } </style>

[sajib735]

But when I have used ace({ theme: 'twilight', lang: 'css' }) then face same problem again but ace({lang: 'css'}) work fine