jquery插件執行文本編輯

Question

如圖所示，jquery中是否有插件，我想使用滾動條來實現如圖所示進行文本編輯，

請提出建議。 謝謝，

Answer 1

使用jQuery UI非常簡單： http : //jsbin.com/UqEbeLE/1/edit

<div id="slider"></div>
<textarea id="test" placeholder="Enter text"></textarea>

$(function() {
   $( "#slider" ).slider({
      value: 16,
      min: 9,
      max: 30,
      slide: function( event, ui ) {
        $('#test').css({fontSize: ui.value });
      }
   });
});

比起字體家族更改，只需填充一個選擇框選項，然后在jQuery更改事件中設置新的字體家族值