How to change the dropdown text in quill.js?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

var quill = new Quill('#editor', {
  theme: 'snow'   // Use the 'snow' theme for example
});

// Get the toolbar elements
var toolbar = quill.getModule('toolbar');

// Modify the toolbar elements
toolbar.addHandler('link', function (value) {
  this.quill.theme.tooltip.text.innerHTML = 'Insert Link';   // Change the text of the link dropdown
});

1
2
3
4
5
6
7
8
9

var CustomTheme = Quill.import('themes/base');
CustomTheme.DEFAULTS.tooltip = {
  link: 'Insert Link',   // Change the text of the link dropdown
  image: 'Insert Image'  // Change the text of the image dropdown
};

var quill = new Quill('#editor', {
  theme: 'custom'   // Use the custom theme
});