在内容中移动的TinyMCE按钮

要在TinyMCE编辑器中添加一个可移动的按钮，可以按照以下步骤进行操作：

1. 首先，在HTML页面中引入TinyMCE的脚本文件：

<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>

2. 创建一个textarea元素作为编辑器的目标元素：

<textarea id="myTextarea"></textarea>

3. 初始化TinyMCE编辑器，并设置按钮的移动功能：

tinymce.init({
  selector: '#myTextarea',
  toolbar: 'moveButton',
  setup: function(editor) {
    // 在编辑器初始化完成后，创建一个自定义按钮
    editor.addButton('moveButton', {
      text: '移动按钮', // 按钮的文本
      icon: 'move', // 按钮的图标，可以使用FontAwesome图标
      onclick: function() {
        // 当点击按钮时执行的代码
        alert('按钮已被移动！');
      }
    });

    // 使按钮可移动
    editor.ui.registry.addContextToolbar('moveButton', {
      predicate: function(node) {
        return node.nodeName.toLowerCase() === 'button';
      },
      items: 'moveButton',
      position: 'node',
      scope: 'node'
    });
  }
});

在上面的代码示例中，我们使用了TinyMCE的addButton方法来创建一个自定义按钮，并使用toolbar选项将其添加到工具栏中。然后，我们使用ui.registry.addContextToolbar方法将按钮设置为可移动的。

请注意，上述代码只是一个示例，您可以根据自己的需求进行修改和定制。