System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(s){"use strict";var a;return{setters:[function(){},function(s){a=s.M}],execute:function(){var n={methods:{source:function(){return'

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="UTF-8" />\n    <link rel="icon" href="/favicon.ico" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <link rel="shortcut icon" href="https://avatars.githubusercontent.com/u/87648636?s=60&v=4" type="image/x-icon">\n    <title>Tinymce-Plugin</title>\n    <style>\n      .open-plugin{\n        width:150px;\n        height: 30px;\n        display: flex;\n        padding: 0px 10px;\n        background-color:rgb(27, 158, 234);\n        border-radius:5px;\n        color:white;\n        font-size:0;\n        text-align:center;\n        cursor:pointer;\n        align-content: space-around;\n        flex-wrap: nowrap;\n        align-items: center;\n        justify-items: center;\n      }\n      .open-plugin img{\n        display: block;\n        width: 20px;\n        height: 20px;\n      }\n      .open-plugin span{\n        display: inline-block;\n        height:20px;\n        line-height:20px;\n        vertical-align: middle;\n        margin-left:10px;\n        font-size:14px;\n      }\n    </style>\n    <script src='/tinymce/tinymce.js'></script>\n    <script src="/tinymce/tinymce-plugin.js"></script>\n    <script src="https://unpkg.com/tinymce-plugin/langs/zh_CN.js"></script>\n    <script src="https://unpkg.com/tinymce-plugin/plugins/tpImportword/plugin.min.js"></script>    \n  </head>\n  <body tp-page-height="298">\n    <div>\n      <textarea class="tinymce">\n        <p>这是一个导入word插件</p>\n      </textarea>\n    </div>\n    <div>\n      <p></p>\n      <a onclick="openPlugin()" class="open-plugin"  title="点击调用触发插件" ><img  src="https://avatars.githubusercontent.com/u/87648636?s=60&v=4" alt=""><span>点击调用触发插件</span></a>\n    </div>\n    <script>\n\n     tinymce.init({\n        selector: 'textarea.tinymce',\n        language: 'zh_CN',\n        skeletonScreen: true,\n        plugins: 'code tpImportword autoresize',\n        toolbar: 'code tpImportword'\n        });\n\n     var openPlugin=()=>{\n       tinymce.activeEditor.execCommand('mceTpImportword');\n     }\n    </script>\n  </body>\n</html>\n\nhtml

'},sourceCode:function(){return''}},template:'\n \n '};s("default",a({components:{Demo0:n},template:'

# 配置参考

# 如何通过外部按钮触发

可以用通过 execCommand(\'mceTpImportword\') 调用

\n\n

'}))}}}));