Jquery 如何在textarea上添加SQL格式化功能？

我想实现一个在textarea中格式化SQL的功能。所以textarea应该允许用户根据自己的兴趣缩进和突出显示某些文本（SQL），我想使用jquery在警报框中显示格式化的查询。提前感谢。

您可以改进或使用以下jquery代码在textarea中格式化文本，然后使用警报框显示

为其创建适当的按钮，如下所示：

  var textInput = document.getElementById('textInput');
   var printButton = document.getElementById('printButton');
   var printBoldItalicButton = document.getElementById('printBoldItalicButton');
   var printFirstWordBoldButton = document.getElementById('printFirstWordBoldButton');
   var printDifferentStyleLinesButton = document.getElementById('printDifferentStyleLinesButton');
   var printOneOrTwoLinesBoldButton = document.getElementById('printOneOrTwoLinesBoldButton');

 printButton.onclick = function()
        {
            try
            {


                 //var text = textInput.value.split(' ');
                var text = textInput.value;

                var textMarkup = '';
                var fontSize = 64;
                for (var i = 0; i < text.length; ++i)
                {
                    textMarkup += '<font family="Arial" size="' + fontSize + '">' + escapeXml(text[i]) + '</font>';

                    fontSize = Math.max(2, fontSize / 8 * 7);
                }

                textMarkupInput.value = textMarkup;
     alert(textMarkupInput.value);
            }
            catch(e)
            {
                alert(e.message || e);
            }
        }

        printBoldItalicButton.onclick = function()
        {
            try
            {



                var text = textInput.value.split(' ');

                var textMarkup = '';
                for (var i = 0; i < text.length; ++i)
                {
                    if (i % 2)
                        textMarkup += '<b>' + escapeXml(text[i]) + ' </b>';
                    else
                        textMarkup += '<i>' + escapeXml(text[i]) + ' </i>';
                }

                textMarkupInput.value = textMarkup;
    alert(textMarkupInput.value);
            }
            catch(e)
            {
                alert(e.message || e);
            }
        }

        printFirstWordBoldButton.onclick = function()
        {
            try
            {

                var lines = textInput.value.split('\n');
                var textMarkup = '';

                for (var i = 0; i < lines.length; ++i)
                {
                    var text = lines[i].split(' ');
                    if (text.length >= 1)
                    {
                        textMarkup += '<b>' + escapeXml(text[0]) + ' </b>';
                        textMarkup += text.slice(1).join(' ');
                    }
                    textMarkup += '<br/>';
                }


                textMarkupInput.value = textMarkup;
          alert(textMarkupInput.value);
            }
            catch(e)
            {
                alert(e.message || e);
            }
        }

        printDifferentStyleLinesButton.onclick = function()
        {
            try
            {

                var lines = textInput.value.split('\n');
                var textMarkup = '<font family="Times New Roman">';

                var styles = ['', 'b', 'i', 'u', 's'];

                for (var i = 0; i < lines.length; ++i)
                {
                    var text = lines[i];
                    if (i >= styles.length || i == 0)
                        textMarkup += escapeXml(text);
                    else
                        textMarkup += '<' + styles[i] + '>' + escapeXml(text);

                    if (i == Math.min(styles.length, lines.length) - 1)
                    {
                        // 'close' all styles
                        for (var j = Math.min(styles.length, lines.length) - 1; j > 0; --j)
                            textMarkup += '</' + styles[j] + '>';
                    }

                    if (i < lines.length - 1)
                        textMarkup += '<br/>';
                }
                textMarkup += '</font>';


                textMarkupInput.value =textMarkup;alert(textMarkupInput.value);
            }
            catch(e)
            {
                alert(e.message || e);
            }
        }

        printOneOrTwoLinesBoldButton.onclick = function()
        {
            try
            {

                var lines = textInput.value.split('\n');

                var textMarkup = '';
                var boldLinesCount = lines.length <= 3 ? 1 : 2;

                if (lines.length > 0)
                {
                    textMarkup = '<b>';
                    textMarkup += escapeXml(lines.slice(0, boldLinesCount).join('\n'));
                    textMarkup += '</b><br/>';
                    textMarkup += escapeXml(lines.slice(boldLinesCount).join('\n'));
                }

                textMarkupInput.value = textMarkup;
     alert(textMarkupInput.value);
            }
            catch(e)
            {
                alert(e.message || e);
            }
        }

var textInput=document.getElementById（'textInput'）；
var printButton=document.getElementById（'printButton'）；
var printBoldItalicButton=document.getElementById（'printBoldItalicButton'）；
var printFirstWordBoldButton=document.getElementById（'printFirstWordBoldButton'）；
var printDifferentStyleLinesButton=document.getElementById（'printDifferentStyleLinesButton'）；
var printOneOrTwoLinesBoldButton=document.getElementById（'printOneOrTwoLinesBoldButton'）；
printButton.onclick=函数（）
{
尝试
{
//var text=textInput.value.split（“”）；
var text=textInput.value；
var textMarkup=''；
var-fontSize=64；
对于（变量i=0；i=1）
{
textMarkup+=''+转义xml（text[0]）+''；
textMarkup+=text.slice（1.join）（“”）；
}
textMarkup+='
'；
}
textMarkupInput.value=textMarkup；
警报（textMarkupInput.value）；
}
捕获（e）
{
警报（e.message | | e）；
}
}
printDifferentStyleLinesButton.onclick=函数（）
{
尝试
{
变量行=textInput.value.split（'\n'）；
var textMarkup=''；
变量样式=[''，b'，i'，u'，s']；
对于（变量i=0；i=styles.length | i==0）
textMarkup+=escapeXml（文本）；
其他的
textMarkup+=''+转义xml（text）；
if（i==Math.min（style.length，lines.length）-1）
{
//“关闭”所有样式
对于（var j=Math.min（style.length，lines.length）-1；j>0；--j）
textMarkup+=''；
}
如果（i

你有什么例子吗？没有@PathikVejani，我没有例子然后自己先试试，然后来这里抱歉，实际上我是以自动格式化查询的方式实现的。但现在我想通过添加空格手动设置查询的格式，并需要在alert Box上显示它，在这里显示您所做的