Как реализовать виджет содержимого с перетаскиванием в редакторе монако? - PullRequest
0 голосов
/ 04 августа 2020

Я использую редактор Monaco для реализации своего приложения. Я добавил виджет содержимого (IContentWidget) в редактор monaco (зеленая рамка «hello world» на изображении ниже). enter image description here

I add the content widget with the code below. I referenced этот образец

const contentWidget: monaco.editor.IContentWidget = {
    getId: function () {
      return 'my.content.widget'
    },
    getDomNode: function () {
      const domNode = document.createElement('div')
      domNode.innerHTML = '<h1>hello world</h1>'
      domNode.className = 'coontent-widget'
      return domNode
    },
    getPosition: function () {
      return {
        position: {
          lineNumber: 17,
          column: 38,
        },
        preference: [
          monaco.editor.ContentWidgetPositionPreference.ABOVE,
        ],
      }
    },
  }

  this.editor.addContentWidget(contentWidget)

И я хочу реализовать перетаскивание виджета содержимого, чтобы пользователь мог перемещать виджет содержимого с помощью мыши (перетаскивание). Поддерживает ли это редактор monaco? Если нет, знаете ли вы какой-нибудь другой способ реализовать это? Заранее спасибо.

...