vue2中tinymce支持超链接点击下载功能

在Vue 2中使用TinyMCE实现超链接点击下载功能，你可以按照以下步骤进行操作：

1. 首先，你需要在你的Vue项目中安装并引入TinyMCE编辑器。你可以通过npm或者yarn安装TinyMCE依赖。

   npm install tinymce

2. 在你的Vue组件中引入TinyMCE编辑器：

   <template>
     <div>
       <textarea v-model="content"></textarea>
     </div>
   </template>
   
   <script>
   import tinymce from 'tinymce/tinymce';
   
   export default {
     data() {
       return {
         content: ''
       };
     },
     mounted() {
       tinymce.init({
         selector: 'textarea',
         plugins: 'link',
         toolbar: 'link',
         setup: editor => {
           editor.on('click', event => {
             const target = event.target;
             if (target.tagName === 'A' && target.href) {
               event.preventDefault();
   
               // 下载链接处理逻辑
               this.download(target.href);
             }
           });
         }
       });
     },
     methods: {
       download(url) {
         // 处理下载逻辑，例如使用浏览器的下载功能
         const link = document.createElement('a');
         link.href = url;
         link.setAttribute('download', '');
         link.click();
       }
     },
     beforeDestroy() {
       tinymce.remove();
     }
   };
   </script>

3. 在应用中使用TinyMCE编辑器组件：

   <template>
     <div>
       <tiny-mce v-model="content"></tiny-mce>
     </div>
   </template>
   
   <script>
   import TinyMCE from './TinyMCE.vue';
   
   export default {
     components: {
       TinyMCE
     },
     data() {
       return {
         content: ''
       };
     }
   };
   </script>

   在这个例子中，我们使用了一个自定义的TinyMCE组件，并通过v-model指令双向绑定了编辑器的内容。

   这样，你就可以在Vue 2中使用TinyMCE实现超链接点击下载功能了。当用户点击超链接时，会触发自定义的download方法进行下载处理。你可以根据自己的需求来实现下载逻辑。