툴팁 위치 저장

2.17.0 버전부터 지원합니다.

editor.tooltip.position.key를 설정하여 사용자의 툴팁 위치 기본 설정을 웹 스토리지에 저장합니다.

// synapeditor.config.js
{
  'editor.tooltip.position.key': window.location.href + '_se-tooltip-position'
}

예시: 툴팁 위치를 전환하는 사용자 정의 플러그인

툴팁을 위쪽과 아래쪽으로 전환하는 간단한 플러그인입니다. 이 플러그인을 툴바 버튼 및/또는 단축키에 연결합니다.

var customPluginName = 'tooltipPositionToggle';

SynapEditor.addPlugin(customPluginName, function (editor) {
  var UI_STATUS         = SynapEditor.CONST.UI_STATUS;
  var TOOLTIP_POSITION  = SynapEditor.CONST.UI_LAYOUT_VALUE.TOOLTIP_POSITION;
  var ACTION            = SynapEditor.ACTION;   // TOGGLE_TOOLTIP_POSITION_TOP

  return {
    buttonDef: {
      name: customPluginName,
      label: 'Tooltip Position toggle',
      iconSVG: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
        <text x="-1" y="13" font-family="Helvetica, Arial, sans-serif" font-size="13" fill="#000">TP</text>
      </svg>`,
      status: {
        fn: function () {
          var current = editor.getUIManager().getTooltipPosition();
          return {
            status: current === TOOLTIP_POSITION.TOP ? UI_STATUS.ACTIVE : undefined
          };
        }
      },
      onClickFunc: function () {
        editor.execCommand(ACTION.TOGGLE_TOOLTIP_POSITION_TOP);
      }
    },
    shortcutDef: [{
      key:   { windows: 'Ctrl+Alt+T', mac: 'Cmd+Alt+T' },
      option: { action: ACTION.TOGGLE_TOOLTIP_POSITION_TOP }
    }]
  };
});

플러그인 버튼을 툴바에 등록하기:

'editor.toolbar': [ /* ... */ 'tooltipPositionToggle' ]

결과

버튼 클릭으로 전환	키보드 단축키로 전환