How to add/remove tags when clicking on a new button?

Question

JavaScript

Here is an example: https://codepen.io/Genri_Rus/pen/WNrmmwv

(function() {
  tinymce.create('tinymce.plugins.new_button', {
    init: function(ed, url) {
      ed.addButton('button_span_normal', {
        title: 'Новая кнопка',
        image: url + '/new-button.png',
        onclick: function() {
          ed.selection.setContent('<mark>' + ed.selection.getContent() + '/mark');
        }
      });
    },
    createControl: function(n, cm) {
      return null;
    },
  });
  
  tinymce.PluginManager.add('tinymce_new_button', tinymce.plugins.new_button);
})();

How can a new button have the ability not only to add a tag , but also to remove this tag when it is clicked again? In this text editor, standard buttons can do this (for example, Bold, Italic), but for some reason new buttons cannot remove tags: Is it possible to somehow add this feature? <mark>тут текст</mark>

Answer 1

See how old buttons remove tags.
You can try to find out in which tag the cursor is now when you click on the button, and if you clicked, for example, on the fat content and the tag in which the cursor is now located - , then we cut out this tag. Learn more about how to find out which tag the cursor is currently in. <strong></strong>