Редактирование ввода текста в Javascript: Как превратить несколько строковых текстовых шейдеров в один текстовый ввод в другое представление?

Question

Так что я хочу иметь 2 входных feilds, один редактируемый. Мне нужен сценарий, который превратит такой ввод шейдер текст:

#ifdef GL_ES 
    precision highp float; 
    #endif 

    varying vec4 v_color; 

    void main (void) 
    { 
     gl_FragColor = v_color; 
    } 

в такой выход:

"#ifdef GL_ES\n" 
    "precision highp float;\n" 
    "#endif\n" 
    "\n" 
    "varying vec4 v_color;\n" 
    "\n" 
    "void main (void)\n" 
    "{\n" 
    " gl_FragColor = v_color; \n" 
    "}" 

(такой вывод может быть превращена в OpenGL шейдерного статический символ *)

Так как создать такой простой инструмент с Javascript?

Answer 1

попробуйте регулярные выражения.

HTML:

<textarea id="text1">#ifdef GL_ES 
precision highp float; 
#endif 

varying vec4 v_color; 

void main (void) 
{ 
gl_FragColor = v_color; 
} 
</textarea> 
<textarea id="text2"></textarea> 

JavaScript:

var text = document.getElementById("text1").value; 
text = text.replace(/\n/g, "\\n\"\n\""); 
document.getElementById("text2").value = "\""+text+"\\n\""; 

http://jsfiddle.net/t9sgA/1/