1 line
32 KiB
JSON
1 line
32 KiB
JSON
{"remainingRequest":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/components/edit/tinymce.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/components/edit/tinymce.vue","mtime":1743947405816},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/cache-loader/dist/cjs.js","mtime":1743264595665},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/babel-loader/lib/index.js","mtime":1743264596348},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/cache-loader/dist/cjs.js","mtime":1743264595665},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js","mtime":1743264596512}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CmltcG9ydCB7IG1lc3NhZ2UgfSBmcm9tICJAL3V0aWxzL2NvbnN0IjsKaW1wb3J0IHsKICBjcmVhdGVBcnRpY2xlLAogIEFsbENvbXBldGl0aW9uLAogIFNlbmRTTVMsCiAgU2VuZEVtYWlsLAogIEFsbEFydGljbGUsCn0gZnJvbSAiQC9hcGkiOwppbXBvcnQgdGlueW1jZSBmcm9tICJ0aW55bWNlL3RpbnltY2UiOyAvL3RpbnltY2Xpu5jorqRoaWRkZW7vvIzkuI3lvJXlhaXkuI3mmL7npLoKaW1wb3J0IEVkaXRvciBmcm9tICJAdGlueW1jZS90aW55bWNlLXZ1ZSI7IC8v57yW6L6R5Zmo5byV5YWlCmltcG9ydCAidGlueW1jZS90aGVtZXMvc2lsdmVyL3RoZW1lIjsgLy/nvJbovpHlmajkuLvpopgKaW1wb3J0ICJ0aW55bWNlL2ljb25zL2RlZmF1bHQiOyAvL+W8leWFpee8lui+keWZqOWbvuagh2ljb27vvIzkuI3lvJXlhaXliJnkuI3mmL7npLrlr7nlupTlm77moIcKLy8g5byV5YWl57yW6L6R5Zmo5o+S5Lu277yI5Z+65pys5YWN6LS55o+S5Lu26YO95Zyo6L+Z5YS/5LqG77yJCmltcG9ydCAidGlueW1jZS9wbHVnaW5zL2Fkdmxpc3QiOyAvL+mrmOe6p+WIl+ihqAppbXBvcnQgInRpbnltY2UvcGx1Z2lucy9hdXRvbGluayI7IC8v6Ieq5Yqo6ZO+5o6lCmltcG9ydCAidGlueW1jZS9wbHVnaW5zL2xpbmsiOyAvL+i2hemTvuaOpQppbXBvcnQgInRpbnltY2UvcGx1Z2lucy9pbWFnZSI7IC8v5o+S5YWl57yW6L6R5Zu+54mHCmltcG9ydCAidGlueW1jZS9wbHVnaW5zL2xpc3RzIjsgLy/liJfooajmj5Lku7YKaW1wb3J0ICJ0aW55bWNlL3BsdWdpbnMvY2hhcm1hcCI7IC8v54m55q6K5a2X56ymCmltcG9ydCAidGlueW1jZS9wbHVnaW5zL21lZGlhIjsgLy/mj5LlhaXnvJbovpHlqpLkvZMKaW1wb3J0ICJ0aW55bWNlL3BsdWdpbnMvd29yZGNvdW50IjsgLy8g5a2X5pWw57uf6K6hCi8vICAgaW1wb3J0IENvb2tpZXMgZnJvbSAianMtY29va2llIjsKCmNvbnN0IGZvbnRzID0gWwogICLlrovkvZM95a6L5L2TIiwKICAi5b6u6L2v6ZuF6buRPeW+rui9r+mbhem7kSIsCiAgIuaWsOWui+S9kz3mlrDlrovkvZMiLAogICLpu5HkvZM96buR5L2TIiwKICAi5qW35L2TPealt+S9kyIsCiAgIumatuS5pj3pmrbkuaYiLAogICJDb3VyaWVyIE5ldz1jb3VyaWVyIG5ldyxjb3VyaWVyIiwKICAiQWtydXRpS25kUGFkbWluaT1Ba3BkbWktbiIsCiAgIkFuZGFsZSBNb25vPWFuZGFsZSBtb25vLHRpbWVzIiwKICAiQXJpYWw9YXJpYWwsaGVsdmV0aWNhLHNhbnMtc2VyaWYiLAogICJBcmlhbCBCbGFjaz1hcmlhbCBibGFjayxhdmFudCBnYXJkZSIsCiAgIkJvb2sgQW50aXF1YT1ib29rIGFudGlxdWEscGFsYXRpbm8iLAogICJDb21pYyBTYW5zIE1TPWNvbWljIHNhbnMgbXMsc2Fucy1zZXJpZiIsCiAgIkNvdXJpZXIgTmV3PWNvdXJpZXIgbmV3LGNvdXJpZXIiLAogICJHZW9yZ2lhPWdlb3JnaWEscGFsYXRpbm8iLAogICJIZWx2ZXRpY2E9aGVsdmV0aWNhIiwKICAiSW1wYWN0PWltcGFjdCxjaGljYWdvIiwKICAiU3ltYm9sPXN5bWJvbCIsCiAgIlRhaG9tYT10YWhvbWEsYXJpYWwsaGVsdmV0aWNhLHNhbnMtc2VyaWYiLAogICJUZXJtaW5hbD10ZXJtaW5hbCxtb25hY28iLAogICJUaW1lcyBOZXcgUm9tYW49dGltZXMgbmV3IHJvbWFuLHRpbWVzIiwKICAiVHJlYnVjaGV0IE1TPXRyZWJ1Y2hldCBtcyxnZW5ldmEiLAogICJWZXJkYW5hPXZlcmRhbmEsZ2VuZXZhIiwKICAiV2ViZGluZ3M9d2ViZGluZ3MiLAogICJXaW5nZGluZ3M9d2luZ2RpbmdzLHphcGYgZGluZ2JhdHMiLApdOwpleHBvcnQgZGVmYXVsdCB7CiAgY29tcG9uZW50czogewogICAgRWRpdG9yLAogIH0sCiAgcHJvcHM6IHsKICAgIC8v5YaF5a65CiAgICB2YWx1ZTogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICIiLAogICAgfSwKICAgIC8v5piv5ZCm56aB55SoCiAgICBkaXNhYmxlZDogewogICAgICB0eXBlOiBCb29sZWFuLAogICAgICBkZWZhdWx0OiBmYWxzZSwKICAgIH0sCiAgICAvLyDnlKjkuo7ljLrliIbljZXkuKp0aW55bWNlCiAgICB0aW55bWNlSWQ6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAidGlueW1jZSIsCiAgICB9LAogICAgLy/mj5Lku7YKICAgIHBsdWdpbnM6IHsKICAgICAgdHlwZTogW1N0cmluZywgQXJyYXldLAogICAgICBkZWZhdWx0OiAiYWR2bGlzdCBhdXRvbGluayBsaW5rIGltYWdlIGxpc3RzIGNoYXJtYXAgIG1lZGlhIHdvcmRjb3VudCIsCiAgICB9LAogICAgLy/lt6XlhbfmoI8KICAgIHRvb2xiYXI6IHsKICAgICAgdHlwZTogW1N0cmluZywgQXJyYXldLAogICAgICBkZWZhdWx0OgogICAgICAgICJ1bmRvIHJlZG8gfCAgZm9ybWF0c2VsZWN0IHwgYm9sZCBpdGFsaWMgfCBhbGlnbmxlZnQgYWxpZ25jZW50ZXIgYWxpZ25yaWdodCBhbGlnbmp1c3RpZnkgfCBidWxsaXN0IG51bWxpc3Qgb3V0ZGVudCBpbmRlbnQgfCBsaXN0cyBpbWFnZSBtZWRpYSB0YWJsZSIsCiAgICB9LAogIH0sCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIG1lc3NhZ2UsCiAgICAgIC8v5Yid5aeL5YyW6YWN572uCiAgICAgIGdyYWRlczogW10sCiAgICAgIG15VmFsdWU6IHRoaXMudmFsdWUsCiAgICAgIEFydGljbGVUaXRsZTogIiIsCiAgICAgIGNvbXBldGl0aW9uSWQ6ICIiLAogICAgICBhcnRpY2xlVHlwZTogIiIsCiAgICAgIGJyaWVmQ29udGVudDogIiIsCiAgICAgIGluaXQ6IHsKICAgICAgICBzZWxlY3RvcjogIiMiICsgdGhpcy50aW55bWNlSWQsCiAgICAgICAgbGFuZ3VhZ2VfdXJsOiAiQC9jb21wb25lbnRzL2VkaXQvemhfQ04uanMiLCAvL+axieWMlui3r+W+hOaYr+iHquWumuS5ieeahO+8jOS4gOiIrOaUvuWcqHB1YmxpY+aIlnN0YXRpY+mHjOmdogogICAgICAgIGxhbmd1YWdlOiAiemhfQ04iLAogICAgICAgIHNraW5fdXJsOiAiL3RpbnltY2Uvc2tpbnMvdWkvb3hpZGUiLCAvL+earuiCpAogICAgICAgIHBsdWdpbnM6IHRoaXMucGx1Z2lucywgLy/mj5Lku7YKICAgICAgICAvL+W3peWFt+agjwogICAgICAgIHRvb2xiYXI6IHRoaXMudG9vbGJhciwKICAgICAgICB0b29sYmFyX2xvY2F0aW9uOiAiLyIsCiAgICAgICAgZm9udHNpemVfZm9ybWF0czoKICAgICAgICAgICIxMnB4IDE0cHggMTZweCAxOHB4IDIwcHggMjJweCAyNHB4IDI4cHggMzJweCAzNnB4IDQ4cHggNTZweCA3MnB4IiwgLy/lrZfkvZPlpKflsI8KICAgICAgICBmb250X2Zvcm1hdHM6IGZvbnRzLmpvaW4oIjsiKSwKICAgICAgICBjb250ZW50X3N0eWxlOiAicCB7bWFyZ2luOiAwcHg7IGJvcmRlcjowcHggOyBwYWRkaW5nOiAwcHh9IiwgLy8g6K6+572ucOeahOihjOmXtOi3nQogICAgICAgIHdpZHRoOiAiMTAwJSIsCiAgICAgICAgLy8gaGVpZ2h0OiA1MDAsLy/pq5jluqYKICAgICAgICBwbGFjZWhvbGRlcjogIuWcqOi/memHjOi+k+WFpeaWh+WtlyIsCgogICAgICAgIGJyYW5kaW5nOiBmYWxzZSwgLy/pmpDol4/lj7PkuIvop5LmioDmnK/mlK/mjIEKICAgICAgICAvL+WbvueJh+S4iuS8oAogICAgICB9LAogICAgICBBcnRpY2xlSWQ6ICIiLAogICAgICBBcnRpY2xlOiB7fSwKICAgIH07CiAgfSwKICB3YXRjaDogewogICAgLy/nm5HlkKzlhoXlrrnlj5jljJYKICAgIHZhbHVlKG5ld1ZhbHVlKSB7CiAgICAgIHRoaXMubXlWYWx1ZSA9IG5ld1ZhbHVlID09IG51bGwgPyAiIiA6IG5ld1ZhbHVlOwogICAgfSwKICAgIG15VmFsdWUobmV3VmFsdWUpIHsKICAgICAgaWYgKHRoaXMudHJpZ2dlckNoYW5nZSkgewogICAgICAgIHRoaXMuJGVtaXQoImNoYW5nZSIsIG5ld1ZhbHVlKTsKICAgICAgfSBlbHNlIHsKICAgICAgICB0aGlzLiRlbWl0KCJpbnB1dCIsIG5ld1ZhbHVlKTsKICAgICAgfQogICAgfSwKICB9LAogIG1vdW50ZWQoKSB7CiAgICB0aW55bWNlLmluaXQoe30pOwogICAgLy8gY29uc29sZS5sb2codGhpcy50b29sYmFyLCc9PT09PT0nKQogICAgdGhpcy5HZXRBcml0bGUoKTsKICAgIEFsbENvbXBldGl0aW9uKCkKICAgICAgLnRoZW4oKHJlc3BvbnNlKSA9PiB7CiAgICAgICAgLy8g6I635Y+W56ue6LWb5pWw5o2uCiAgICAgICAgY29uc3QgY29tcGV0aXRpb25zID0gcmVzcG9uc2UuZGF0YTsKCiAgICAgICAgLy8g6L2s5o2i5pWw5o2u5Li66YCC5ZCIc2VsZWN06YCJ6aG555qE5qC85byPCiAgICAgICAgY29uc3Qgc2VsZWN0T3B0aW9ucyA9IGNvbXBldGl0aW9ucy5tYXAoKGNvbXBldGl0aW9uKSA9PiAoewogICAgICAgICAgbGFiZWw6IGNvbXBldGl0aW9uLmNvbXBldGl0aW9uTmFtZSwKICAgICAgICAgIHZhbHVlOiBjb21wZXRpdGlvbi5jb21wZXRpdGlvbklkLAogICAgICAgIH0pKTsKICAgICAgICAvLyDlsIbovazmjaLlkI7nmoTmlbDmja7lrZjlgqjlnKhWdWXlrp7kvovkuK3vvIzku6Xkvr/lnKjmqKHmnb/kuK3kvb/nlKgKICAgICAgICB0aGlzLmdyYWRlcyA9IHNlbGVjdE9wdGlvbnM7CiAgICAgIH0pCiAgICAgIC5jYXRjaCgoZXJyb3IpID0+IHsKICAgICAgICBjb25zb2xlLmVycm9yKGVycm9yKTsKICAgICAgfSk7CiAgfSwKICBtZXRob2RzOiB7CiAgICBHZXRBcml0bGUoKSB7CiAgICAgIGNvbnNvbGUubG9nKHRoaXMuQXJ0aWNsZUlkKTsKICAgICAgaWYgKHRoaXMuQXJ0aWNsZUlkICE9ICIiIHx8IG51bGwpIHsKICAgICAgICBBbGxBcnRpY2xlKCkudGhlbigocmVzKSA9PiB7CiAgICAgICAgICByZXMuZGF0YS5mb3JFYWNoKChpdGVtKSA9PiB7CiAgICAgICAgICAgIGNvbnNvbGUubG9nKGl0ZW0pOwogICAgICAgICAgICBpZiAoaXRlbS5hcnRpY2xlSWQgPT0gdGhpcy5BcnRpY2xlSWQpIHsKICAgICAgICAgICAgICBjb25zb2xlLmxvZyhpdGVtKTsKICAgICAgICAgICAgICB0aGlzLmNvbXBldGl0aW9uSWQgPSBpdGVtLmNvbXBldGl0aW9uSWQ7CiAgICAgICAgICAgICAgKHRoaXMuQXJ0aWNsZVRpdGxlID0gaXRlbS5hcnRpY2xlVGl0bGUpLAogICAgICAgICAgICAgICAgKHRoaXMubXlWYWx1ZSA9IGl0ZW0uYXJ0aWNsZUNvbnRlbnQpLAogICAgICAgICAgICAgICAgKHRoaXMuYXJ0aWNsZVR5cGUgPSBpdGVtLmFydGljbGVUeXBlKSwKICAgICAgICAgICAgICAgICh0aGlzLmJyaWVmQ29udGVudCA9IGl0ZW0uYnJpZWZDb250ZW50KTsKICAgICAgICAgICAgfQogICAgICAgICAgfSk7CiAgICAgICAgfSk7CiAgICAgIH0KICAgIH0sCiAgICBvbkNsaWNrKGUpIHsKICAgICAgdGhpcy4kZW1pdCgib25DbGljayIsIGUsIHRpbnltY2UpOwogICAgfSwKICAgIC8v5Y+v5Lul5re75Yqg5LiA5Lqb6Ieq5bex55qE6Ieq5a6a5LmJ5LqL5Lu277yM5aaC5riF56m65YaF5a65CiAgICBjbGVhcigpIHsKICAgICAgdGhpcy5teVZhbHVlID0gIiI7CiAgICB9LAogICAgU2VuZFRpbnltY2UoKSB7CiAgICAgIGNvbnN0IGRhdGEgPSB7CiAgICAgICAgdXNlcklkOiB0aGlzLiRzdG9yZS5zdGF0ZS51c2VyLnVzZXJJZCwKICAgICAgICBicmllZkNvbnRlbnQ6IHRoaXMuYnJpZWZDb250ZW50LAogICAgICAgIGNvbXBldGl0aW9uSWQ6IHRoaXMuY29tcGV0aXRpb25JZCwKICAgICAgICBhcnRpY2xlVHlwZTogdGhpcy5hcnRpY2xlVHlwZSwKICAgICAgICBhcnRpY2xlVGl0bGU6IHRoaXMuQXJ0aWNsZVRpdGxlLAogICAgICAgIGFydGljbGVDb250ZW50OiB0aGlzLm15VmFsdWUsCiAgICAgIH07CgogICAgICBjcmVhdGVBcnRpY2xlKGRhdGEpCiAgICAgICAgLnRoZW4oKHJlcykgPT4gewogICAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgewogICAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MoIuWPkemAgeaIkOWKnyIpOwogICAgICAgICAgICB0aGlzLmFydGljbGVJZCA9IHJlcy5kYXRhOwogICAgICAgICAgICBpZiAodGhpcy5hcnRpY2xlVHlwZSA9PSAi5YWs5ZGKIikgewogICAgICAgICAgICAgIC8vIOivoumXruaYr+WQpui/m+ihjOefreS/oeWSjOmCruS7tumAmuefpQogICAgICAgICAgICAgIHRoaXMuJG1vZGFsLmNvbmZpcm0oewogICAgICAgICAgICAgICAgdGl0bGU6IGDnoa7orqTlj5HpgIHnn63kv6HkuI7pgq7ku7bpgJrnn6XnlKjmiLc/YCwKICAgICAgICAgICAgICAgIG9uT2s6ICgpID0+IHsKICAgICAgICAgICAgICAgICAgbGV0IGRhdGEgPSB7CiAgICAgICAgICAgICAgICAgICAgY29tcGV0aXRpb25JZDogdGhpcy5jb21wZXRpdGlvbklkLAogICAgICAgICAgICAgICAgICAgIGFydGljbGVJZDogdGhpcy5hcnRpY2xlSWQsCiAgICAgICAgICAgICAgICAgIH07CiAgICAgICAgICAgICAgICAgIHRoaXMuJGFwaQogICAgICAgICAgICAgICAgICAgIC5TZW5kRW1haWwoZGF0YSkKICAgICAgICAgICAgICAgICAgICAudGhlbigoKSA9PiB7CiAgICAgICAgICAgICAgICAgICAgICB0aGlzLiRhcGkuU2VuZFNNUyhkYXRhKS50aGVuKCgpID0+IHsKICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCLnn63kv6Hpgq7ku7bmj5DphpLmiJDlip8hIik7CiAgICAgICAgICAgICAgICAgICAgICB9KTsKICAgICAgICAgICAgICAgICAgICB9KQogICAgICAgICAgICAgICAgICAgIC5jYXRjaCgoZSkgPT4gewogICAgICAgICAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlLm1zZyB8fCAi5Y+R6YCB5aSx6LSlISIpOwogICAgICAgICAgICAgICAgICAgICAgdGhyb3cgZTsKICAgICAgICAgICAgICAgICAgICB9KTsKICAgICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcigi5Y+R5biD5aSx6LSlIik7CiAgICAgICAgICB9CiAgICAgICAgfSkKICAgICAgICAudGhlbigobm90aWZpY2F0aW9uRGF0YSkgPT4gewogICAgICAgICAgaWYgKG5vdGlmaWNhdGlvbkRhdGEpIHsKICAgICAgICAgICAgcmV0dXJuIFNlbmRFbWFpbChub3RpZmljYXRpb25EYXRhKQogICAgICAgICAgICAgIC50aGVuKCgpID0+IFNlbmRTTVMobm90aWZpY2F0aW9uRGF0YSkpCiAgICAgICAgICAgICAgLnRoZW4oKCkgPT4gewogICAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCLnn63kv6Hmj5DphpLkuI7pgq7ku7bmj5DphpLmiJDlip8iKTsKICAgICAgICAgICAgICB9KTsKICAgICAgICAgIH0KICAgICAgICB9KQogICAgICAgIC5jYXRjaCgoZXJyb3IpID0+IHsKICAgICAgICAgIGNvbnNvbGUuZXJyb3IoZXJyb3IpOwogICAgICAgICAgdGhpcy4kbm90aWZ5LmVycm9yKHsgdGl0bGU6ICLplJnor68iLCBtZXNzYWdlOiBlcnJvci5tZXNzYWdlIH0pOwogICAgICAgIH0pOwogICAgfSwKICB9LAp9Owo="},{"version":3,"sources":["tinymce.vue"],"names":[],"mappings":";AAuIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"tinymce.vue","sourceRoot":"src/components/edit","sourcesContent":["<template>\n <div class=\"tinymce-editor fade-in\">\n <!-- 页面标题 -->\n <div class=\"editor-header\">\n <h1 class=\"editor-title\">创建新文章</h1>\n <p class=\"editor-subtitle\">分享你的知识、经验和创意</p>\n </div>\n\n <!-- 文章标题输入 -->\n <a-input\n v-model=\"ArticleTitle\"\n placeholder=\"请输入文章标题 (5-50字)\"\n class=\"article-title-input\"\n :maxLength=\"50\"\n :allowClear=\"true\"\n />\n\n <!-- 文章简介输入 -->\n <a-textarea\n v-model=\"briefContent\"\n placeholder=\"请输入文章简介，简明扼要地介绍文章内容 (50-200字)\"\n :auto-size=\"{ minRows: 2, maxRows: 5 }\"\n class=\"article-brief-textarea\"\n :maxLength=\"200\"\n />\n\n <!-- 文章信息 -->\n <div class=\"article-info-card fade-in-delay-1\">\n <div class=\"info-title\">\n <a-icon type=\"info-circle\" />\n <span>文章信息</span>\n </div>\n\n <div class=\"form-item-container\">\n <!-- 选择比赛 -->\n <a-form-item label=\"选择相关比赛\">\n <a-select\n v-model=\"competitionId\"\n :options=\"grades\"\n allowClear\n placeholder=\"请选择相关比赛\"\n :showSearch=\"true\"\n :filterOption=\"filterOption\"\n >\n <template slot=\"suffixIcon\">\n <a-icon type=\"trophy\" />\n </template>\n </a-select>\n </a-form-item>\n\n <!-- 选择文章类型 -->\n <a-form-item label=\"文章类型\">\n <a-select\n v-model=\"articleType\"\n :options=\"message\"\n allowClear\n placeholder=\"请选择文章类型\"\n >\n <template slot=\"suffixIcon\">\n <a-icon type=\"tags\" />\n </template>\n </a-select>\n </a-form-item>\n </div>\n </div>\n\n <!-- 文章封面 -->\n <!-- <div class=\"cover-upload fade-in-delay-2\">\n <div class=\"cover-title\">\n <a-icon type=\"picture\" />\n <span style=\"margin-left: 8px\">文章封面</span>\n </div>\n\n <p class=\"cover-description\">\n 一个好的封面图能够吸引更多读者，建议尺寸 900×500 像素\n </p>\n\n <div class=\"cover-preview hover-lift\">\n <img v-if=\"coverUrl\" :src=\"coverUrl\" alt=\"文章封面\" />\n <div v-else class=\"upload-placeholder\">\n <a-icon type=\"file-image\" style=\"font-size: 48px; color: #d9d9d9\" />\n <p style=\"margin-top: 16px; color: #999\">点击上传封面图片</p>\n </div>\n\n <a-upload\n name=\"file\"\n :showUploadList=\"false\"\n :beforeUpload=\"beforeUpload\"\n @change=\"handleCoverChange\"\n >\n <a-button type=\"primary\" class=\"cover-upload-btn\">\n <a-icon :type=\"coverUrl ? 'edit' : 'upload'\" />\n {{ coverUrl ? \"更换封面\" : \"上传封面\" }}\n </a-button>\n </a-upload>\n </div>\n </div> -->\n\n <!-- 编辑器容器 -->\n <div class=\"editor-container fade-in-delay-2\">\n <Editor\n :id=\"tinymceId\"\n :init=\"init\"\n :disabled=\"disabled\"\n v-model=\"myValue\"\n @onClick=\"onClick\"\n ></Editor>\n <div class=\"word-count\">字数: {{ wordCount }}</div>\n </div>\n\n <!-- 内容预览区域 -->\n <div v-if=\"showPreview\" class=\"preview-container fade-in\">\n <div class=\"preview-title\">\n <a-icon type=\"eye\" />\n <span>文章预览</span>\n </div>\n\n <div class=\"preview-content\" v-html=\"myValue\"></div>\n </div>\n\n <!-- 操作按钮 -->\n <div class=\"publish-container\">\n <a-button @click=\"togglePreview\" style=\"margin-right: 16px\">\n <a-icon :type=\"showPreview ? 'eye-invisible' : 'eye'\" />\n {{ showPreview ? \"关闭预览\" : \"预览文章\" }}\n </a-button>\n\n <a-button type=\"primary\" class=\"publish-btn\" @click=\"confirmPublish\">\n <a-icon type=\"plus\" />\n 发布文章\n </a-button>\n </div>\n </div>\n</template>\n<script>\nimport { message } from \"@/utils/const\";\nimport {\n createArticle,\n AllCompetition,\n SendSMS,\n SendEmail,\n AllArticle,\n} from \"@/api\";\nimport tinymce from \"tinymce/tinymce\"; //tinymce默认hidden，不引入不显示\nimport Editor from \"@tinymce/tinymce-vue\"; //编辑器引入\nimport \"tinymce/themes/silver/theme\"; //编辑器主题\nimport \"tinymce/icons/default\"; //引入编辑器图标icon，不引入则不显示对应图标\n// 引入编辑器插件（基本免费插件都在这儿了）\nimport \"tinymce/plugins/advlist\"; //高级列表\nimport \"tinymce/plugins/autolink\"; //自动链接\nimport \"tinymce/plugins/link\"; //超链接\nimport \"tinymce/plugins/image\"; //插入编辑图片\nimport \"tinymce/plugins/lists\"; //列表插件\nimport \"tinymce/plugins/charmap\"; //特殊字符\nimport \"tinymce/plugins/media\"; //插入编辑媒体\nimport \"tinymce/plugins/wordcount\"; // 字数统计\n// import Cookies from \"js-cookie\";\n\nconst fonts = [\n \"宋体=宋体\",\n \"微软雅黑=微软雅黑\",\n \"新宋体=新宋体\",\n \"黑体=黑体\",\n \"楷体=楷体\",\n \"隶书=隶书\",\n \"Courier New=courier new,courier\",\n \"AkrutiKndPadmini=Akpdmi-n\",\n \"Andale Mono=andale mono,times\",\n \"Arial=arial,helvetica,sans-serif\",\n \"Arial Black=arial black,avant garde\",\n \"Book Antiqua=book antiqua,palatino\",\n \"Comic Sans MS=comic sans ms,sans-serif\",\n \"Courier New=courier new,courier\",\n \"Georgia=georgia,palatino\",\n \"Helvetica=helvetica\",\n \"Impact=impact,chicago\",\n \"Symbol=symbol\",\n \"Tahoma=tahoma,arial,helvetica,sans-serif\",\n \"Terminal=terminal,monaco\",\n \"Times New Roman=times new roman,times\",\n \"Trebuchet MS=trebuchet ms,geneva\",\n \"Verdana=verdana,geneva\",\n \"Webdings=webdings\",\n \"Wingdings=wingdings,zapf dingbats\",\n];\nexport default {\n components: {\n Editor,\n },\n props: {\n //内容\n value: {\n type: String,\n default: \"\",\n },\n //是否禁用\n disabled: {\n type: Boolean,\n default: false,\n },\n // 用于区分单个tinymce\n tinymceId: {\n type: String,\n default: \"tinymce\",\n },\n //插件\n plugins: {\n type: [String, Array],\n default: \"advlist autolink link image lists charmap media wordcount\",\n },\n //工具栏\n toolbar: {\n type: [String, Array],\n default:\n \"undo redo | formatselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | lists image media table\",\n },\n },\n data() {\n return {\n message,\n //初始化配置\n grades: [],\n myValue: this.value,\n ArticleTitle: \"\",\n competitionId: \"\",\n articleType: \"\",\n briefContent: \"\",\n init: {\n selector: \"#\" + this.tinymceId,\n language_url: \"@/components/edit/zh_CN.js\", //汉化路径是自定义的，一般放在public或static里面\n language: \"zh_CN\",\n skin_url: \"/tinymce/skins/ui/oxide\", //皮肤\n plugins: this.plugins, //插件\n //工具栏\n toolbar: this.toolbar,\n toolbar_location: \"/\",\n fontsize_formats:\n \"12px 14px 16px 18px 20px 22px 24px 28px 32px 36px 48px 56px 72px\", //字体大小\n font_formats: fonts.join(\";\"),\n content_style: \"p {margin: 0px; border:0px ; padding: 0px}\", // 设置p的行间距\n width: \"100%\",\n // height: 500,//高度\n placeholder: \"在这里输入文字\",\n\n branding: false, //隐藏右下角技术支持\n //图片上传\n },\n ArticleId: \"\",\n Article: {},\n };\n },\n watch: {\n //监听内容变化\n value(newValue) {\n this.myValue = newValue == null ? \"\" : newValue;\n },\n myValue(newValue) {\n if (this.triggerChange) {\n this.$emit(\"change\", newValue);\n } else {\n this.$emit(\"input\", newValue);\n }\n },\n },\n mounted() {\n tinymce.init({});\n // console.log(this.toolbar,'======')\n this.GetAritle();\n AllCompetition()\n .then((response) => {\n // 获取竞赛数据\n const competitions = response.data;\n\n // 转换数据为适合select选项的格式\n const selectOptions = competitions.map((competition) => ({\n label: competition.competitionName,\n value: competition.competitionId,\n }));\n // 将转换后的数据存储在Vue实例中，以便在模板中使用\n this.grades = selectOptions;\n })\n .catch((error) => {\n console.error(error);\n });\n },\n methods: {\n GetAritle() {\n console.log(this.ArticleId);\n if (this.ArticleId != \"\" || null) {\n AllArticle().then((res) => {\n res.data.forEach((item) => {\n console.log(item);\n if (item.articleId == this.ArticleId) {\n console.log(item);\n this.competitionId = item.competitionId;\n (this.ArticleTitle = item.articleTitle),\n (this.myValue = item.articleContent),\n (this.articleType = item.articleType),\n (this.briefContent = item.briefContent);\n }\n });\n });\n }\n },\n onClick(e) {\n this.$emit(\"onClick\", e, tinymce);\n },\n //可以添加一些自己的自定义事件，如清空内容\n clear() {\n this.myValue = \"\";\n },\n SendTinymce() {\n const data = {\n userId: this.$store.state.user.userId,\n briefContent: this.briefContent,\n competitionId: this.competitionId,\n articleType: this.articleType,\n articleTitle: this.ArticleTitle,\n articleContent: this.myValue,\n };\n\n createArticle(data)\n .then((res) => {\n if (res.code == 200) {\n this.$message.success(\"发送成功\");\n this.articleId = res.data;\n if (this.articleType == \"公告\") {\n // 询问是否进行短信和邮件通知\n this.$modal.confirm({\n title: `确认发送短信与邮件通知用户?`,\n onOk: () => {\n let data = {\n competitionId: this.competitionId,\n articleId: this.articleId,\n };\n this.$api\n .SendEmail(data)\n .then(() => {\n this.$api.SendSMS(data).then(() => {\n this.$message.success(\"短信邮件提醒成功!\");\n });\n })\n .catch((e) => {\n this.$message.error(e.msg || \"发送失败!\");\n throw e;\n });\n },\n });\n }\n } else {\n throw new Error(\"发布失败\");\n }\n })\n .then((notificationData) => {\n if (notificationData) {\n return SendEmail(notificationData)\n .then(() => SendSMS(notificationData))\n .then(() => {\n this.$message.success(\"短信提醒与邮件提醒成功\");\n });\n }\n })\n .catch((error) => {\n console.error(error);\n this.$notify.error({ title: \"错误\", message: error.message });\n });\n },\n },\n};\n</script>\n<style scoped>\n/* 在线发帖页面美化样式 */\n\n/* 整体容器样式 */\n.tinymce-editor {\n /* max-width: 1200px; */\n margin: 0 auto;\n padding: 30px;\n background-color: #fff;\n border-radius: 16px;\n box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);\n position: relative;\n}\n\n/* 页面标题 */\n.editor-header {\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n}\n\n.editor-title {\n font-size: 28px;\n font-weight: 600;\n color: #333;\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n}\n\n.editor-title::after {\n content: \"\";\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 4px;\n background: linear-gradient(90deg, #3690cf, #6dc6ff);\n border-radius: 2px;\n}\n\n.editor-subtitle {\n font-size: 16px;\n color: #666;\n margin-top: 20px;\n}\n\n/* 输入框美化 */\n.tinymce-editor .ant-input,\n.tinymce-editor .ant-input-affix-wrapper {\n border-radius: 10px;\n border: 1px solid #e8e8e8;\n padding: 12px 16px;\n font-size: 16px;\n transition: all 0.3s;\n margin-bottom: 20px;\n box-shadow: 0 0 0 2px transparent;\n}\n\n.tinymce-editor .ant-input:hover,\n.tinymce-editor .ant-input-affix-wrapper:hover {\n border-color: #3690cf;\n}\n\n.tinymce-editor .ant-input:focus,\n.tinymce-editor .ant-input-affix-wrapper-focused {\n border-color: #3690cf;\n box-shadow: 0 0 0 2px rgba(54, 144, 207, 0.2);\n}\n\n/* 标题输入框特殊样式 */\n.article-title-input {\n font-size: 20px !important;\n font-weight: 500;\n padding: 16px 20px !important;\n margin-bottom: 20px;\n border-radius: 12px !important;\n}\n\n.article-title-input::placeholder {\n color: #aaa;\n}\n\n/* 文章简介美化 */\n.article-brief-textarea {\n border-radius: 10px;\n min-height: 80px !important;\n margin-bottom: 30px;\n background-color: #f9fafc;\n}\n\n/* 表单项美化 */\n.form-item-container {\n display: flex;\n gap: 20px;\n margin-bottom: 25px;\n}\n\n.form-item-container .ant-form-item {\n flex: 1;\n margin-bottom: 0;\n}\n\n.tinymce-editor .ant-form-item-label {\n margin-bottom: 8px;\n}\n\n.tinymce-editor .ant-form-item-label > label {\n font-size: 16px;\n font-weight: 500;\n color: #333;\n height: auto;\n}\n\n/* 下拉选择框美化 */\n.tinymce-editor .ant-select {\n width: 100%;\n}\n\n.tinymce-editor .ant-select-selector {\n border-radius: 10px !important;\n padding: 8px 16px !important;\n height: auto !important;\n min-height: 48px !important;\n display: flex;\n align-items: center;\n transition: all 0.3s;\n}\n\n.tinymce-editor .ant-select-selection-search {\n display: flex;\n align-items: center;\n}\n\n.tinymce-editor .ant-select:hover .ant-select-selector {\n border-color: #3690cf !important;\n}\n\n.tinymce-editor .ant-select-focused .ant-select-selector {\n border-color: #3690cf !important;\n box-shadow: 0 0 0 2px rgba(54, 144, 207, 0.2) !important;\n}\n\n/* 编辑器容器 */\n.editor-container {\n position: relative;\n margin-bottom: 25px;\n border-radius: 12px;\n overflow: hidden;\n border: 1px solid #e8e8e8;\n transition: all 0.3s;\n}\n\n.editor-container:hover {\n border-color: #3690cf;\n box-shadow: 0 0 0 2px rgba(54, 144, 207, 0.05);\n}\n\n/* TinyMCE编辑器自定义样式 */\n.tox-tinymce {\n border-radius: 12px !important;\n overflow: hidden;\n border: none !important;\n}\n\n.tox .tox-toolbar__group {\n border-radius: 6px !important;\n margin: 2px 4px !important;\n padding: 0 4px !important;\n}\n\n.tox .tox-tbtn {\n border-radius: 6px !important;\n}\n\n.tox .tox-tbtn:hover {\n background-color: rgba(54, 144, 207, 0.1) !important;\n}\n\n.tox .tox-tbtn--enabled {\n background-color: rgba(54, 144, 207, 0.2) !important;\n}\n\n/* 发布按钮容器 */\n.publish-container {\n display: flex;\n justify-content: center;\n margin-top: 40px;\n position: relative;\n}\n\n/* 发布按钮 */\n.publish-btn {\n min-width: 180px;\n height: 50px;\n padding: 0 30px;\n font-size: 16px;\n font-weight: 500;\n background: linear-gradient(135deg, #3690cf, #2a78b8) !important;\n border: none !important;\n border-radius: 25px !important;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 15px rgba(54, 144, 207, 0.3);\n transition: all 0.3s !important;\n}\n\n.publish-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 20px rgba(54, 144, 207, 0.4) !important;\n background: linear-gradient(135deg, #2a78b8, #1e5c8e) !important;\n}\n\n.publish-btn .anticon {\n margin-right: 8px;\n font-size: 18px;\n}\n\n/* 文章信息卡片 */\n.article-info-card {\n background-color: #f9fafc;\n border-radius: 12px;\n padding: 20px;\n margin-bottom: 25px;\n border: 1px dashed #e0e0e0;\n}\n\n.article-info-card .info-title {\n font-size: 16px;\n font-weight: 500;\n color: #333;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n}\n\n.article-info-card .info-title .anticon {\n color: #3690cf;\n margin-right: 8px;\n font-size: 18px;\n}\n\n/* 编辑器底部状态栏 */\n.tox-statusbar {\n border-top: 1px solid #eee !important;\n}\n\n/* 上传图片区域 */\n.upload-box {\n border: 2px dashed #e0e0e0;\n border-radius: 12px;\n padding: 20px;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s;\n margin-bottom: 25px;\n}\n\n.upload-box:hover {\n border-color: #3690cf;\n background-color: rgba(54, 144, 207, 0.05);\n}\n\n.upload-icon {\n font-size: 48px;\n color: #d0d0d0;\n margin-bottom: 10px;\n transition: all 0.3s;\n}\n\n.upload-box:hover .upload-icon {\n color: #3690cf;\n}\n\n.upload-text {\n color: #666;\n font-size: 14px;\n}\n\n/* 响应式调整 */\n@media (max-width: 768px) {\n .tinymce-editor {\n padding: 20px 15px;\n }\n\n .form-item-container {\n flex-direction: column;\n gap: 15px;\n }\n\n .editor-title {\n font-size: 24px;\n }\n\n .publish-btn {\n width: 100%;\n }\n}\n\n/* 动画效果 */\n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.fade-in {\n animation: fadeIn 0.5s ease forwards;\n}\n\n.fade-in-delay-1 {\n animation: fadeIn 0.5s ease 0.1s forwards;\n opacity: 0;\n}\n\n.fade-in-delay-2 {\n animation: fadeIn 0.5s ease 0.2s forwards;\n opacity: 0;\n}\n\n/* 字数统计提示 */\n.word-count {\n position: absolute;\n right: 15px;\n bottom: 15px;\n font-size: 12px;\n color: #999;\n background: rgba(255, 255, 255, 0.9);\n padding: 4px 10px;\n border-radius: 15px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n/* 预览效果区域 */\n.preview-container {\n margin-top: 30px;\n padding: 20px;\n border-radius: 12px;\n background-color: #f9fafc;\n border: 1px solid #eee;\n}\n\n.preview-title {\n font-size: 18px;\n font-weight: 500;\n margin-bottom: 15px;\n padding-bottom: 10px;\n border-bottom: 1px solid #eee;\n color: #333;\n display: flex;\n align-items: center;\n}\n\n.preview-title .anticon {\n margin-right: 8px;\n color: #3690cf;\n}\n\n.preview-content {\n padding: 15px;\n background: white;\n border-radius: 8px;\n min-height: 100px;\n}\n\n/* 自定义悬停效果 */\n.hover-lift {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.hover-lift:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n/* 标签选择区域 */\n.tags-container {\n margin-bottom: 25px;\n}\n\n.tags-title {\n font-size: 16px;\n font-weight: 500;\n color: #333;\n margin-bottom: 12px;\n}\n\n.tag-select {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.tag-item {\n display: inline-flex;\n align-items: center;\n padding: 6px 12px;\n background-color: #f0f2f5;\n color: #555;\n border-radius: 20px;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.3s;\n}\n\n.tag-item:hover {\n background-color: #e6f7ff;\n color: #3690cf;\n}\n\n.tag-item.active {\n background-color: #3690cf;\n color: white;\n}\n\n.tag-item .anticon {\n margin-right: 5px;\n}\n\n/* 文章封面上传区域 */\n.cover-upload {\n margin-bottom: 25px;\n}\n\n.cover-title {\n font-size: 16px;\n font-weight: 500;\n color: #333;\n margin-bottom: 12px;\n}\n\n.cover-description {\n font-size: 14px;\n color: #888;\n margin-bottom: 15px;\n}\n\n.cover-preview {\n width: 100%;\n height: 200px;\n border-radius: 12px;\n overflow: hidden;\n background-color: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.cover-preview img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.cover-upload-btn {\n position: absolute;\n bottom: 15px;\n right: 15px;\n z-index: 5;\n}\n</style>\n"]}]} |