TinyMCE 편집기에서 글꼴 크기 플러그인 용 슬라이더를 사용할 수 있습니까?

Question

TinyMCE 플러그인을 사용하고 있습니다. 현재, font-size 옵션은 목록 드롭 다운과 함께 제공되지만 글꼴 크기에 대한 슬라이더가 필요합니다.

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

이 현재 선택 목록이 구현되는 방법입니다 - 당신은 항상 다른에서 글꼴 선택을 구현하는 로직이를 대체 할 수 있습니다 방법.