wangEditor toolbar 按钮在 editor 没有 focus/selection 时会添加 disabled class(色值 #999 + cursor:not-allowed),并不是真的不可点击,但视觉上 与不可点击无异。开启 autoFocus 让编辑器挂载后立刻获得焦点,toolbar 按钮立即进入可用态。
@@ -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 参数