Question

<ckeditor
              :editor="editor"
              :config="editorConfig"
              class="form-control form-urcv"
              rows="6"
              name="career summary"
              v-validate="'required'"
              :class="errors.has('career summary') ? 'is-invalid': ''"
              v-model="career.summary"
            ></ckeditor>
            <span
              v-show="errors.has('career summary')"
              class="invalid-feedback"
            >{{ errors.first('career summary') }}</span>

我正在vue.js中试用ckeditor5，但遇到一个无法手动设置高度的问题，avobe是我的代码，请问是否做错任何事情。

Answer 1

我没有办法更改编辑器的颜色，但是如果只需要显示验证消息，则可以使用以下命令：

customValidateEditorData() {
    if (!this.career.summary || this.career.summary === "") {
        const error = {
            field: "career summary", //name of ckeditor
            msg: "the career summary is required.",
            scope: "save-post-form", //data-vv-scope of form
        };
        this.$validator.errors.add(error);
        return false;
    }
    return true;
},

不要忘记为页面创建验证器：

$_veeValidate: {
    validator: 'new',
},

如何在Vue JS 2 Classic ckeditor中使用验证规则？

1 个答案: