Textarea distinct line alignment using JS

I wonder if it is possible开发者_JAVA技巧 to make textarea contain multiple lines with different alignments using JavaScript. Something like that:

Using some sort of wysiwyg editor might get you where you want to go.

Here are some google results to that fact

I would just customize TinyMCE

Example here: http://www.midgard-project.org/documentation/customizing-tinymce-editor/