quickbars.js 1.5 KB

12345678910111213141516171819202122232425
  1. import tinymce from "tinymce/tinymce";
  2. //选择单行时,出现的按钮
  3. tinymce.PluginManager.add("quickbar1", function(editor) {
  4. editor.ui.registry.addContextToolbar("quickbar1", {
  5. predicate: function (node) {
  6. return !editor.selection.isCollapsed() && (node.nodeName.toLowerCase() === 'p' || node.nodeName.toLowerCase() === 'li' || node.nodeName.toLowerCase() === 'em' || node.nodeName.toLowerCase() === 'span' || node.nodeName.toLowerCase() === 'strong');
  7. },
  8. items: 'undo redo | bold italic underline strikethrough | fontsizeselect lineheight | forecolor backcolor | alignleft aligncenter alignright alignjustify | outdent indent blockquote | link unlink image code | removeformat | tags',
  9. position: 'selection',
  10. scope: 'editor'
  11. });
  12. });
  13. //选择多行时,出现的按钮
  14. tinymce.PluginManager.add("quickbar2", function(editor) {
  15. editor.ui.registry.addContextToolbar("quickbar2", {
  16. predicate: function (node) {
  17. return !editor.selection.isCollapsed() && (node.nodeName.toLowerCase() === 'body' || node.nodeName.toLowerCase() === 'ol' || node.nodeName.toLowerCase() === 'ul');
  18. },
  19. items: 'undo redo | bold italic underline strikethrough | fontsizeselect lineheight | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist | indent2em blockquote | link unlink image code | removeformat',
  20. position: 'selection',
  21. scope: 'editor'
  22. });
  23. });