javascript - 向 Textarea 添加字体 + 功能

Question

我正在尝试为我正在创建的脚本编码器创建一个功能，它将文本区域的字体大小增加一个。这是我到目前为止得到的:

<script type="text/javascript"> 
  var size=10 + "px";
  var size2=10;
  function add(){
     size2++;
     size=size2+"px";
  }
  if(typeof size2=="undefined"){size2="10";}
  $('#panel').html("<form method='post' name='pad' align='center'><textarea class='look' rows='11' id='code1' style='font-size:"+size+";' name='text' cols='58'></textarea><br></form>")   
</script>

<div id="panel"></div>
<br />
<input type="button" value="Font+" name="fontAdd" onclick="add();">

问题是文本区域没有显示。

Answer 1

我在这里修改了你的解决方案:

http://jsfiddle.net/H2J9Y/2/

唯一的“陷阱”是，如果在文本大小增加时文本框中有文本，则在您再次开始输入之前，它不会真正正确地保持内联。您会明白我的意思，但希望这已经解决了您的主要问题。

编辑:一些填充使问题不太明显 http://jsfiddle.net/H2J9Y/3/