我可以在TinyMCE編輯器中使用滑塊的字體大小插件

Question

我正在使用TinyMCE插件。目前，我的字體大小選項帶有列表下拉菜單，但我希望滑動字體大小。

這對TinyMCE是否可行？任何人都知道我如何用TinyMCE編輯器實現這一點？

Answer 1

TinyMCE沒有內置的方式來通過「滑塊」選擇字體大小。由於TinyMCE是開源的，您可以隨時修改編輯器的代碼以滿足您的需求。

如果您在主tinymce.js文件看，你會發現這樣的代碼：

editor.addButton('fontsizeselect', function() { 
     var items = [], defaultFontsizeFormats = '8pt 10pt 12pt 14pt 18pt 24pt 36pt'; 
     var fontsize_formats = editor.settings.fontsize_formats || defaultFontsizeFormats; 

     each(fontsize_formats.split(' '), function(item) { 
      var text = item, value = item; 
      // Allow text=value font sizes. 
      var values = item.split('='); 
      if (values.length > 1) { 
       text = values[0]; 
       value = values[1]; 
      } 
      items.push({text: text, value: value}); 
     }); 

     return { 
      type: 'listbox', 
      text: 'Font Sizes', 
      tooltip: 'Font Sizes', 
      values: items, 
      fixedWidth: true, 
      onPostRender: createListBoxChangeHandler(items, 'fontsize'), 
      onclick: function(e) { 
       if (e.control.settings.value) { 
        editor.execCommand('FontSize', false, e.control.settings.value); 
       } 
      } 
     }; 
}); 

這是怎樣的當前選擇列表中實現 - 你可以隨時與邏輯替換此實現在不同的字體選擇方式。