Javascript文本输入编辑：如何将一个文本输入中的多个字符串文本着色器变成另一个表示？

Question

所以我想要有2个输入实体，一个可编辑。我需要一些脚本，会变成这样的着色器文本输入：

#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着色静态的char *）

那么如何用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/