Pārlūkot izejas kodu

fix: 编辑器开启 autoFocus,避免工具栏按钮显示为 disabled 灰态

wangEditor toolbar 按钮在 editor 没有 focus/selection 时会添加 disabled
class(色值 #999 + cursor:not-allowed),并不是真的不可点击,但视觉上
与不可点击无异。开启 autoFocus 让编辑器挂载后立刻获得焦点,toolbar
按钮立即进入可用态。
Developer 4 nedēļas atpakaļ
vecāks
revīzija
9e122b1660
2 mainītis faili ar 3 papildinājumiem un 1 dzēšanām
  1. BIN
      dist.zip
  2. 3 1
      src/components/editor/index.vue

BIN
dist.zip


+ 3 - 1
src/components/editor/index.vue

@@ -65,7 +65,9 @@ export default {
                 html: this.content || '',
                 placeholder: '请在这里输入',
                 readOnly: false,
-                autoFocus: false,
+                // 默认 false 会让 toolbar 按钮在用户点进编辑区之前一直处于
+                // disabled 灰态,误以为是不可点击;开启后 toolbar 即刻可用
+                autoFocus: true,
                 MENU_CONF: {
                     uploadImage: {
                         // 沿用项目原有的 OSS 上传端点,token 走 URL 参数