Sunday, September 8, 2013

Get content from ace editor to a textarea

Ace editor is awesome! We get to edit code with instant syntax highlighting. But often, we have to get the content from the editor, than just typing some with syntax highlighting. Ace editor have a function to get the value editor.getSession().getValue().

Here is a demo on getting value from the editor and setting it with textarea.

Fiddle here: http://jsfiddle.net/deepumohanp/tGF6y/

References

  1. How do I make a textarea an ace editor?

Monday, September 2, 2013

Javascript :: Ace Editor Positioning with Bootstrap3

Ace editor is a fantastic option for live source code editor on the web. One problem you come across when using Ace Editor is with the default absolute positioning. Also it doesn't fit inside a container div by default. Here is how I overcame these issues.

The example from ace website uses absolute positioning by default, as show below. But luckily, ace can work perfectly with relative positioning

Related Posts Plugin for WordPress, Blogger...