Vue.js文本校对组件,支持智能错误检测和修正建议
npm install vue-text-proofreaderbash
npm install vue-text-proofreader
`
使用
$3
`javascript
import Vue from "vue";
import VueTextProofreader from "vue-text-proofreader";
import "vue-text-proofreader/dist/vue-text-proofreader.css";
Vue.use(VueTextProofreader);
`
$3
`javascript
import { TextProofreader } from "vue-text-proofreader";
import "vue-text-proofreader/dist/vue-text-proofreader.css";
export default {
components: {
TextProofreader,
},
};
`
$3
`vue
:content="textContent"
:api-config="apiConfig"
@confirmed="handleConfirmed"
@error="handleError"
/>
`
$3
| 参数 | 类型 | 必需 | 说明 |
| ----------- | ------- | ---- | ------------------ |
| content | String | 是 | 需要校对的文本内容 |
| apiConfig | Object | 是 | API 接口配置 |
| title | String | 否 | 对话框标题 |
| triggerText | String | 否 | 触发按钮文本 |
| autoStart | Boolean | 否 | 是否自动开始校验 |
$3
| 事件名 | 参数 | 说明 |
| --------- | ---------------------- | -------------- |
| confirmed | correctedText | 确认修改时触发 |
| cancelled | - | 取消修改时触发 |
| error | errorMessage | 出现错误时触发 |
| completed | { errorCount, errors } | 校验完成时触发 |
开发
`bash
克隆项目
git clone https://github.com/yourusername/vue-text-proofreader.git
安装依赖
npm install
开发模式
npm run dev
构建
npm run build
``