https://github.com/lunnlew/vue2-tinymce7

基于tinymce7适配vue2的富文本编辑器组件
https://github.com/lunnlew/vue2-tinymce7

tinymce7 vue2

Last synced: 6 days ago
JSON representation

基于tinymce7适配vue2的富文本编辑器组件

• Host: GitHub
• URL: https://github.com/lunnlew/vue2-tinymce7
• Owner: lunnlew
• License: mit
• Created: 2024-04-30T03:55:42.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-04-30T07:05:22.000Z (5 months ago)
• Last Synced: 2024-09-24T13:32:54.551Z (9 days ago)
• Topics: tinymce7, vue2
• Language: Vue
• Homepage: https://v2t7.forisy.com/
• Size: 291 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
## 说明

增强 WPS 的图文混合粘贴功能，针对 WORD 或者 WPS 复制后进行粘贴的可能无法处理本地图片文件，自动加上占位图片，以便于手动点击上传

## 安装

```sh

npm install --save vue2-tinymce7

```

## vue dev 额外工作

复制`node_modules/vue2-tinymce7/dist/tinymce`到`public`下

## webpack 构建配置

```js

const CopyWebpackPlugin = require("copy-webpack-plugin");

module.exports = {

  // ...

  plugins: [

    // ...

    new CopyWebpackPlugin([

      { from: "node_modules/vue2-tinymce7/dist/tinymce", to: "tinymce" },

    ]),

  ],

};

```

## 全局导入

```js

import Vue2Tinymce7Component from "vue2-tinymce7";

Vue.use(Vue2TinymceComponent);

```

## 局部导入

```js

import { Vue2Tinymce } from "vue2-tinymce7";

```

## 组件使用

```html

```

## 开发

```sh

# 安装

npm install

# 构建库

npm run build-lib

# 运行示例

npm run serve

```