<div class="fl-code-field">
<?php $editor_id = 'flcode' . time() . '_' . $name; ?>
<textarea id="<?php echo $editor_id; ?>" name="<?php echo $name; ?>" data-editor="<?php echo $field['editor']; ?>" <?php if(isset($field['class'])) echo ' class="'. $field['class'] .'"'; if(isset($field['rows'])) echo ' rows="'. $field['rows'] .'"'; ?>><?php echo htmlspecialchars($value); ?></textarea>
<script>
jQuery(function(){
var textarea = jQuery('#<?php echo $editor_id; ?>'),
mode = textarea.data('editor'),
editDiv = jQuery('<div>', {
position: 'absolute',
height: parseInt(textarea.attr('rows'), 10) * 20
}),
editor = null;
editDiv.insertBefore(textarea);
textarea.css('display', 'none');
ace.require('ace/ext/language_tools');
editor = ace.edit(editDiv[0]);
editor.$blockScrolling = Infinity;
editor.getSession().setValue(textarea.val());
editor.getSession().setMode('ace/mode/' + mode);
editor.setOptions({
enableBasicAutocompletion: true,
enableLiveAutocompletion: true,
enableSnippets: false
});
editor.getSession().on('change', function(e) {
textarea.val(editor.getSession().getValue()).trigger('change');
});
textarea.closest( '.fl-field' ).data( 'editor', editor );
});
</script>
</div>