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 });
      }
   });
});

对于font-family更改，只需填充选择框选项并在jQuery更改事件上设置新的font-family值