Javascript文本输入编辑:如何将一个文本输入中的多字符串文本着色器转换为另一种表示形式? [英] Javascript text input editing: How to turn multiple string text shader in one text input into another representation?

问题描述

所以我想输入2个输入字段，其中1个可编辑.我需要一些脚本来打开这种着色器文本输入:

So I want to have 2 input feilds, one editable. I need some script that would turn such shader text input:

    #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着色器static char *)

(such output can be turned into openGL shader static char* )

那么如何使用Javascript创建如此简单的工具?

So how to create such simple tool with Javascript?

推荐答案

尝试正则表达式.

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:

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/

这篇关于Javascript文本输入编辑:如何将一个文本输入中的多字符串文本着色器转换为另一种表示形式?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！