DDei在线设计器-快捷键

DDei-Core-快捷键

  DDei-Core-快捷键提供了剪切、复制、粘贴、格式刷、移动、删除等等常用功能的快捷键映射，支持同一快捷键在不同使用条件下触发不同的行为。通过快捷键，可以使设计器贴合满足大多数人的使用习惯，提升编辑效率。

  如需了解详细的API教程以及参数说明，请参考DDei文档

使用说明

使用

  本插件缺省包含在DDei包中，可以直接使用。如果不需要修改默认配置，则可以省略下面两个步骤。

引入

import { DDeiCoreHotkeys } from "ddei-editor";
import { DDeiKeyActionAllSelect } from "ddei-editor";

使用并修改设置

extensions: [
  ......
  //通过插件名批量快捷键配置  // [!code ++:16]
  DDeiCoreHotkeys.configuration({
    "ddei-core-keyaction-all-select": {
      'keys': [
        { keys: "68" },
      ]
    },
  }),
  //单个快捷键的配置
  DDeiKeyActionAllSelect.configuration({
    'keys': [
      {
        ctrl: 1, keys: "66"
      }
    ]
  }),
],

配置说明

  快捷键配置项必须全部满足才能触发，配置得越多触发条件约苛刻。

名称	说明	数据类型	范围	缺省值	备注
keys	快捷键列表	Array
keys[n].keys	按键	string	键盘ascii码
keys[n].ctrl	ctrl/meta键是否按下	number	1按下/0未按下	0
keys[n].shift	shift键是否按下	number	1按下/0未按下	0
keys[n].alt	alt键是否按下	number	1按下/0未按下	0
keys[n].modelType	模型类别	string		0	来自图形定义中的modelType
keys[n].times	连续按下次数	number
keys[n].interval	连续按下判定时间	number
keys[n].editorState	编辑器状态	string	枚举:DDeiEditorState

快捷键清单

插件名	类名	默认键组合	说明	特殊激活条件
ddei-core-keyaction-all-select	DDeiKeyActionAllSelect	ctrl+a	全选当前画布	无
ddei-core-keyaction-copy	DDeiKeyActionCopy	ctrl+c	复制当前选中控件到剪切板	无
ddei-core-keyaction-cut	DDeiKeyActionCut	ctrl+x	剪切当前选中控件到剪切板	无
ddei-core-keyaction-paste	DDeiKeyActionPaste	ctrl+v	粘贴剪切板到鼠标位置	无
ddei-core-keyaction-copy-image	DDeiKeyActionCopyImage	ctrl+i	复制当前选中控件为图片	无
ddei-core-keyaction-save-file	DDeiKeyActionSaveFile	ctrl+s	保存文件	无
ddei-core-keyaction-revoke	DDeiKeyActionRevoke	ctrl+z	撤销	无
ddei-core-keyaction-rerevoke	DDeiKeyActionReRevoke	ctrl+y/ctrl+shift+z	反撤销	无
ddei-core-keyaction-brush-data	DDeiKeyActionBrushData	ctrl+shift+c	复制当前控件样式，激活格式刷	无
ddei-core-keyaction-remove-models	DDeiKeyActionRemoveModels	delete/backspace	删除当前选中控件	无
ddei-core-keyaction-cancel-control-create	DDeiKeyActionCancelControlCreate	esc	取消创建操作	无
ddei-core-keyaction-cancel-current-action	DDeiKeyActionCancelCurrentAction	esc	取消操作	无
ddei-core-keyaction-close-dialog	DDeiKeyActionCancelCloseDialog	esc	关闭弹框	无
ddei-core-keyaction-cancel-select	DDeiKeyActionCancelSelect	esc ✖️ 2	取消选择所有控件	300毫秒内，连续两次
ddei-core-keyaction-move-models	DDeiKeyActionMoveModels	↑/↓/←/→	移动当前选中控件，按标尺大小	无
ddei-core-keyaction-move-models	DDeiKeyActionMoveModels	shift+↑/↓/←/→	移动当前选中控件，仅1像素	无
ddei-core-keyaction-push-models	DDeiKeyActionPushModels	ctrl+↑/↓	当前选中图形上移/下移一层	无
ddei-core-keyaction-push-models	DDeiKeyActionPushModels	ctrl+shift+↑/↓	当前选中图形移至顶层/底层	无
ddei-core-keyaction-compose	DDeiKeyActionCompose	ctrl+g	组合图形	需选中两个至两个以上图形
ddei-core-keyaction-cancel-compose	DDeiKeyActionCancelCompose	ctrl+shift+g	取消组合图形	需选中组合图形
ddei-core-keyaction-quickedit-start	DDeiKeyActionStartQuickEdit	F2	进入快速编辑文本	无
ddei-core-keyaction-quickedit-cancel	DDeiKeyActionCancelQuickEdit	esc	退出快速文本编辑，取消编辑	快速文本编辑中
ddei-core-keyaction-quickedit-enter	DDeiKeyActionEnterQuickEdit	shift+回车	退出快速文本编辑，确认编辑	快速文本编辑中

仓库信息

源码: https://gitee.com/hoslay/ddei-editor

文档: http://docs.ddei.top

在线体验: https://www.ddei.top

技术支持

QQ:3697355039     邮箱：3697355039@qq.com