diff --git a/jero-web/src/components/libraryAddForm/index.vue b/jero-web/src/components/libraryAddForm/index.vue
index 6e340f31f..5d2f46830 100644
--- a/jero-web/src/components/libraryAddForm/index.vue
+++ b/jero-web/src/components/libraryAddForm/index.vue
@@ -18,6 +18,7 @@
                   <a-form-model-item class="itemModel" :prop="item.db_field_name">
                     <a-input class="box-input"
                              :disabled="disabled"
+                             @input="replaceLikeVal($event,item.db_field_name)"
                              v-model="formInline[item.db_field_name]"
                              :placeholder="$t('PleaseEnter')+item.db_field_txt"/>
                   </a-form-model-item>
@@ -133,6 +134,7 @@
                   </div>
                   <a-form-model-item class="itemModel-text" :prop="item.db_field_name">
                     <a-textarea
+                      @input="replaceLikeVal($event,item.db_field_name)"
                       :placeholder="$t('PleaseEnter')+item.db_field_txt"
                       :disabled="disabled"
                       v-model="formInline[item.db_field_name]" :rows="4"/>
@@ -303,6 +305,13 @@
       disabledDate(current) {
         return current && current < moment().subtract(1, 'day')
       },
+      replaceLikeVal(comp, item) {
+        if (comp.target.value.indexOf('\'') != -1 || comp.target.value.indexOf('"') != -1) {
+          comp.target.value = comp.target.value.replace(/\'/g, '’').replace(/\"/g, '“')
+        }
+        this.formInline[item] = comp.target.value
+        this.formInline = { ...this.formInline }
+      },
       sumber() {
         this.$refs.ruleForm.validate(valid => {
           if (valid) {