TinyMCE - 如何添加用标签包装所选文本的按钮

您好！您提到的 TinyMCE 是一款流行的富文本编辑器，它允许您在网页上轻松地编辑和格式化内容。要在 TinyMCE 中添加用标签包装所选文本的按钮，您可以按照以下步骤操作：

首先，您需要在 TinyMCE 的配置中添加一个自定义按钮。您可以通过在初始化 TinyMCE 时添加 toolbar 选项来实现这一点。例如：

tinymce.init({
  selector: 'textarea',
  toolbar: 'mybutton',
  setup: function (editor) {
    editor.addButton('mybutton', {
      text: '包装标签',
      onclick: function () {
        // 在这里添加您的代码
      }
    });
  }
});

接下来，您需要编写一个函数，该函数将在用户单击自定义按钮时被调用。在上面的示例中，onclick 属性是空的，但您可以在其中添加您的代码。例如，您可以使用以下代码将所选文本包装在 <span> 标签中：

editor.addButton('mybutton', {
  text: '包装标签',
  onclick: function () {
    var selectedText = editor.selection.getContent();
    var wrappedText = '<span>' + selectedText + '</span>';
    editor.selection.setContent(wrappedText);
  }
});

现在，当用户在 TinyMCE 中选择一些文本并单击自定义按钮时，所选文本将被包装在 <span> 标签中。您可以根据需要修改此代码以使用其他标签。

最后，请注意，我们的回答中未提及其他云计算品牌商，因为它们与您要求的 TinyMCE 编辑器无关。