How do I make a textarea an ACE editor?

by

As far as I understood the idea of Ace, you shouldn’t make a textarea an Ace editor itself. You should create an additional div and update textarea using .getSession() function instead.

html

<textarea name="description"/>
<div id="description"/>

js

var editor = ace.edit("description");
var textarea = $('textarea[name="description"]').hide();
editor.getSession().setValue(textarea.val());
editor.getSession().on('change', function(){
  textarea.val(editor.getSession().getValue());
});

or just call

textarea.val(editor.getSession().getValue());

only when you submit the form with the given textarea. I’m not sure whether this is the right way to use Ace, but it’s the way it is used on GitHub.

More Related Contents:

  1. How to get the caret column (not pixels) position in a textarea, in characters, from the start?
  2. Creating a textarea with auto-resize
  3. Rendering HTML inside textarea
  4. How to autosize a textarea using Prototype?
  5. How to get selected text from a textbox control with JavaScript
  6. How to impose maxlength on textArea in HTML using JavaScript
  7. How to add line breaks to an HTML textarea
  8. How to insert text into the textarea at the current cursor position?
  9. How do you get the cursor position in a textarea?
  10. JavaScript get TextArea input via .value or .innerHTML?
  11. finding “line-breaks” in textarea that is word-wrapping ARABIC text
  12. Highlight text inside of a textarea
  13. textarea character limit
  14. How to get number of rows in using JavaScript?
  15. Understanding what goes on with textarea selection with JavaScript
  16. Limiting number of lines in textarea
  17. jQuery – select all text from a textarea
  18. how to get the value of a textarea in jquery?
  19. Inserting text at cursor in a textarea, with Javascript
  20. Find out the ‘line’ (row) number of the cursor in a textarea
  21. Dynamically Scrolling a Textarea
  22. How to read line by line of a text area HTML tag
  23. Finding number of lines in an html textarea
  24. Get the offset position of the caret in a textarea in pixels [duplicate]
  25. Get value from text area [duplicate]
  26. Twitter bootstrap – Focus on textarea inside a modal on click
  27. Javascript detect scrollbar in textarea
  28. Set cursor to specific position on specific line in a textarea
  29. How to select line of text in textarea
  30. Enter key in textarea

Leave a Comment