FEATURE #1454: add Ace editor
This commit is contained in:
@@ -0,0 +1,21 @@
|
||||
<div class="ace-editor-container large">
|
||||
<textarea class="ace-editor-textarea" name="{{$name}}" id="{{$name}}">{{$value}}</textarea>
|
||||
|
||||
<div class="ace-editor" id="{{$name}}Editor">{{$value}}</div>
|
||||
</div>
|
||||
|
||||
@section('javascripts')
|
||||
<script src="{{asset('../resources/assets/js/vendor/ace/ace.js')}}"></script>
|
||||
|
||||
<script type="application/javascript">
|
||||
var editor = ace.edit("{{$name}}Editor");
|
||||
editor.setTheme("ace/theme/{{$theme}}");
|
||||
editor.getSession().setMode("ace/mode/{{$mode}}");
|
||||
|
||||
var textarea = $('#{{$name}}');//.hide();
|
||||
editor.getSession().setValue(textarea.val());
|
||||
editor.getSession().on('change', function(){
|
||||
textarea.val(editor.getSession().getValue());
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user