Skip to main content

npm 套件清單

request 爬蟲套件​

https://replit.com/@coreisdontgu/npm-request

https://replit.com/@coreisdontgu/npm-request

TinyMce​

如果想要 install vue2 的版本，可以用 version 4 的版本，比較沒有 js error 的問題

npm i @tinymce/tinymce-vue@4

然後在 index.html 上引用

<script src='https://cdn.tiny.cloud/1/YOUR_TOKEN/tinymce/4/tinymce.min.js'></script>

然後在 app.vue 中

<script>
export default {
  props: {
    element: {
      type: Object,
      required: true,
    },
  },
  mounted() {
    tinymce.init({
      selector: "#tinymce-textarea",
      plugins: "",
      toolbar1: "bold italic strikethrough forecolor backcolor",
      setup: (editor) => {
        editor.on("keydown", () => {
          this.element.value = editor.getContent();
        });
        editor.on("change", () => {
          this.element.value = editor.getContent();
        });
      },
    });
  },
};

</script>


<template>
  <div class="text-c">
    <p>{{ element.name }}</p>
    <div class="tinymce-edit">
      <textarea id="tinymce-textarea">{{ this.element.value }}</textarea>
    </div>
  </div>
</template>
const data = [
  { layer: "RFQs", mails: [{ name: "", type: "" }] },
  { layer: "order", mails: [{ name: "", type: "" }] },
  ...
];

ngx image cropper​

angular 由前端來切圖片使用的套件

https://www.npmjs.com/package/ngx-image-cropper

ffmpeg​

FFmpeg (強大的錄影、轉檔、串流工具與函式庫) ffmpeg-static

lamejs​

轉 mp3 功能

lamejs npm

antv​

customer flow chat and more chart UI framework

https://x6.antv.antgroup.com/

highchart​

echarts​

可以作場地動線圖

schedule-x​

不錯用的 schedule ui lib

multer​

server 上傳 file

https://ithelp.ithome.com.tw/articles/10231465

https://www.npmjs.com/package/multer