Vue Text Proofreader

Vue.js 文本校对组件，支持智能错误检测和修正建议。

安装

npm install vue-text-proofreader

使用

全局注册

import Vue from "vue";
import VueTextProofreader from "vue-text-proofreader";
import "vue-text-proofreader/dist/vue-text-proofreader.css";

Vue.use(VueTextProofreader);

局部注册

import { TextProofreader } from "vue-text-proofreader";
import "vue-text-proofreader/dist/vue-text-proofreader.css";

export default {
  components: {
    TextProofreader,
  },
};

基本用法

<template>
  <div>
    <TextProofreader
      :content="textContent"
      :api-config="apiConfig"
      @confirmed="handleConfirmed"
      @error="handleError"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      textContent: "需要校对的文本内容",
      apiConfig: {
        checkUrl: "/api/text/check",
        progressUrl: "/api/text/progress",
        resultUrl: "/api/text/result",
      },
    };
  },
  methods: {
    handleConfirmed(correctedText) {
      console.log("校对完成:", correctedText);
    },
    handleError(error) {
      console.error("校对错误:", error);
    },
  },
};
</script>

API 配置

| 参数 | 类型 | 必需 | 说明 | | ----------- | ------- | ---- | ------------------ | | content | String | 是 | 需要校对的文本内容 | | apiConfig | Object | 是 | API 接口配置 | | title | String | 否 | 对话框标题 | | triggerText | String | 否 | 触发按钮文本 | | autoStart | Boolean | 否 | 是否自动开始校验 |

事件

| 事件名 | 参数 | 说明 | | --------- | ---------------------- | -------------- | | confirmed | correctedText | 确认修改时触发 | | cancelled | - | 取消修改时触发 | | error | errorMessage | 出现错误时触发 | | completed | { errorCount, errors } | 校验完成时触发 |

开发

# 克隆项目
git clone https://github.com/yourusername/vue-text-proofreader.git

# 安装依赖
npm install

# 开发模式
npm run dev

# 构建
npm run build

License

MIT