IFrame "designMode" обнаруживает изменение положения курсора - PullRequest
Новая
       24

IFrame "designMode" обнаруживает изменение положения курсора

0 голосов
/ 16 февраля 2020

Я пытаюсь создать редактор WYSIWYG в javascript - конечно, только для образовательных целей. У меня на самом деле есть функция, где я могу получить тэги элемента и всех родительских элементов.

Вот пример: 

var editor = $('#editor');
editor.contents().keypress(function(e) {
   if (e.keyCode == 13) {
      var iframe = document.getElementById("editor");
      var tags = getIframeSelectedTags(iframe.contentWindow, true);
      console.log(tags);
   }
}

Это выведет следующее (как массив ), когда я нажимаю ввод, когда мой курсор находится в этом <body><div><b>Some text</b></div></body>: 

0: BODY
1: DIV
2: B
3: TEXT

Теперь я хочу определить, в каком элементе находится курсор, когда пользователь нажимает на какой-либо контент, пишет контент, ... - всякий раз, когда курсор меняется на другую позицию или другой элемент в моем iframe.

Когда я могу это обнаружить, мне просто нужно вызвать мою функцию, чтобы получить теги этого элемента. На основе этого ответа я могу показать пользователю, какое форматирование он выбрал на самом деле (например, изменить цвет кнопки, где пользователь может сделать свой текст жирным и т. Д. c.)

Надеюсь, Я объяснил свой вопрос хорошо, если нет, просто дайте мне знать. Если вам нужна функция для получения тегов, также дайте мне знать (я не думаю, что это важно, потому что мне просто нужно вызвать функцию, поэтому я думаю, что мне не нужно изменять это).

Заранее спасибо .

...