Laravel 5：使用javascript清除ckeditor

在我们的应用程序中，我们为textarea实现了ckeditor。这是工作，但我有一个问题，在删除后提交的价值

Add.vue文件

<label>Description</label>
<textarea class="form-control" name="description" id="description"></textarea>

我提交的表格

createData(e){
    e.preventDefault();
    CKEDITOR.replace( 'description' );
    var formData = $('#add-vendor').serialize();
    swal({
        title: "Are you sure?",
        text: 'Transaction will be saved.',
        icon: "warning",
        buttons: true,
        dangerMode: true,
    })
    .then((willSave) => {
        if (willSave) {
            axios.post("/configurations/vendors/addVendor", formData)
                .then((response)  =>  {
                    var span = document.createElement("span");
                    span.innerHTML = '<span class="loading-animation">LOADING...</span>';
                    swal({
                        content: span,
                        icon: "warning",
                        buttons: false,
                        closeOnClickOutside: false
                    });
                    $("#vendor-table").DataTable().destroy();
                    this.items  = response.data;
                    this.$emit('emitToVendorList', response.data);
                    $('.add-vendor-finish').attr('disabled','disabled');
                })
                .then(()=>{

                    VendorTableList();
                    swal("Success!", {
                        icon: "success",
                    });
                    $('#add-vendor').trigger("reset");
                    //CKEDITOR.instances.description.setData(''); ( didnt work )
                    $('#description').html(''); // didnt work
                    $("#department").select2("destroy");
                    getDepartmentLimit();
                    $('.add-vendor-finish').removeAttr('disabled','disabled');
                });
        } else {
            swal("Aborted!");
        }
    });
},

createData（e）{
e、 预防默认值（）；
CKEDITOR.replace（'description'）；
var formData=$（“#添加供应商”）.serialize（）；
游泳({
标题：“你确定吗？”，
文本：“将保存交易记录”，
图标：“警告”，
按钮：是的，
丹格莫德：没错，
})
。然后（（将保存）=>{
如果（将保存）{
axios.post（“/configurations/vendors/addVendor”，formData）
。然后（（响应）=>{
var span=document.createElement（“span”）；
span.innerHTML='正在加载…'；
游泳({
内容：span，
图标：“警告”，
按钮：错误，
closeOnClickOutside:false
});
$（“#供应商表”）.DataTable（）.destroy（）；
this.items=response.data；
这是.emit（'emitToVendorList'，response.data）；
$（'.add vendor finish'）.attr（'disabled'，'disabled'）；
})
.然后（（）=>{
卖方清单（）；
swal（“成功！”{
图标：“成功”，
});
$（“#添加供应商”）。触发器（“重置”）；
//CKEDITOR.instances.description.setData（“”）；（不起作用）
$（'#description'）.html（''）；//不起作用
$（“#部门”）。选择2（“销毁”）；
getDepartmentLimit（）；
$（'.add vendor finish'）.removeAttr（'disabled'，'disabled'）；
});
}否则{
swal（“中止！”）；
}
});
},

已编辑

我添加了textarea=document.querySelector（“description”）；然后在我的方法中，我还添加了这个textarea.innerHTML=''

createData（e）{
e、 预防默认值（）；
var formData=$（“#添加供应商”）.serialize（）；
const textarea=document.querySelector（“描述”）；
游泳({
标题：“你确定吗？”，
文本：“将保存交易记录”，
图标：“警告”，
按钮：是的，
丹格莫德：没错，
})
。然后（（将保存）=>{
如果（将保存）{
axios.post（“/configurations/vendors/addVendor”，formData）
。然后（（响应）=>{
var span=document.createElement（“span”）；
span.innerHTML='正在加载…'；
游泳({
内容：span，
图标：“警告”，
按钮：错误，
closeOnClickOutside:false
});
$（“#供应商表”）.DataTable（）.destroy（）；
this.items=response.data；
这是.emit（'emitToVendorList'，response.data）；
$（'.add vendor finish'）.attr（'disabled'，'disabled'）；
})
.然后（（）=>{
卖方清单（）；
swal（“成功！”{
图标：“成功”，
});
$（“#添加供应商”）。触发器（“重置”）；
textarea.innerHTML=''；
$（“#部门”）。选择2（“销毁”）；
getDepartmentLimit（）；
$（'.add vendor finish'）.removeAttr（'disabled'，'disabled'）；
});
}否则{
swal（“中止！”）；
}
});
},

---

问题：提交后如何删除我的ckeditor的值？

您可以执行类似操作，只需一个简单的函数即可清除

文本区域

，如果您使用的是

vuejs

而不是

document.querySelector

和

document.getElementById

请使用

提交后调用此函数也有效

const textarea=document.querySelector（“#description”）；
document.getElementById（“#btn”）.addEventListener（“单击”，函数（）{
textarea.innerHTML=“”；
})

你好

---

清除您好，先生，我更新了我的帖子。正如你提到的。我添加了这个const textarea=document.querySelector（“#description”）；以及textarea.innerHTML=''；

createData(e){
    e.preventDefault();
    CKEDITOR.replace( 'description' );
    var formData = $('#add-vendor').serialize();
    swal({
        title: "Are you sure?",
        text: 'Transaction will be saved.',
        icon: "warning",
        buttons: true,
        dangerMode: true,
    })
    .then((willSave) => {
        if (willSave) {
            axios.post("/configurations/vendors/addVendor", formData)
                .then((response)  =>  {
                    var span = document.createElement("span");
                    span.innerHTML = '<span class="loading-animation">LOADING...</span>';
                    swal({
                        content: span,
                        icon: "warning",
                        buttons: false,
                        closeOnClickOutside: false
                    });
                    $("#vendor-table").DataTable().destroy();
                    this.items  = response.data;
                    this.$emit('emitToVendorList', response.data);
                    $('.add-vendor-finish').attr('disabled','disabled');
                })
                .then(()=>{

                    VendorTableList();
                    swal("Success!", {
                        icon: "success",
                    });
                    $('#add-vendor').trigger("reset");
                    //CKEDITOR.instances.description.setData(''); ( didnt work )
                    $('#description').html(''); // didnt work
                    $("#department").select2("destroy");
                    getDepartmentLimit();
                    $('.add-vendor-finish').removeAttr('disabled','disabled');
                });
        } else {
            swal("Aborted!");
        }
    });
},

createData(e){
    e.preventDefault();
    var formData    = $('#add-vendor').serialize();
    const textarea  = document.querySelector("#description");

    swal({
        title: "Are you sure?",
        text: 'Transaction will be saved.',
        icon: "warning",
        buttons: true,
        dangerMode: true,
    })
    .then((willSave) => {
        if (willSave) {
            axios.post("/configurations/vendors/addVendor", formData)
                .then((response)  =>  {
                    var span = document.createElement("span");
                    span.innerHTML = '<span class="loading-animation">LOADING...</span>';
                    swal({
                        content: span,
                        icon: "warning",
                        buttons: false,
                        closeOnClickOutside: false
                    });
                    $("#vendor-table").DataTable().destroy();
                    this.items  = response.data;
                    this.$emit('emitToVendorList', response.data);
                    $('.add-vendor-finish').attr('disabled','disabled');
                })
                .then(()=>{

                    VendorTableList();
                    swal("Success!", {
                        icon: "success",
                    });
                    $('#add-vendor').trigger("reset");
                    textarea.innerHTML = '';
                    $("#department").select2("destroy");
                    getDepartmentLimit();
                    $('.add-vendor-finish').removeAttr('disabled','disabled');
                });
        } else {
            swal("Aborted!");
        }
    });
},