пользовательское выделение выбора JavaScript

Question

пользовательское выделение выбора JavaScript

18

highlight javascript

задан M. Tibbits 10 August 2011 в 04:41

2 ответа

Другие вопросы по тегам:

highlight javascript

Похожие вопросы:

score 8 · Answer 1

Ну, можно сделать это с помощью управления DOM. Это работает в Firefox:

var selection = window.getSelection();
var range = selection.getRangeAt(0);
var newNode = document.createElement("span");
newNode.setAttribute("style", "background-color: pink;");
range.surroundContents(newNode);

, Кажется, работает в текущей версии Safari также. См. https://developer.mozilla.org/en/DOM/range.surroundContents и http://www.w3.org/TR/2000/REC-DOM-Level-2-Traversal-Range-20001113/ranges.html

score 4 · Answer 2

<html>
<head>
<script type="text/javascript">
function load(){
  window.document.designMode = "On";
  //run this in a button, will highlight selected text
  window.document.execCommand("hiliteColor", false, "#000");
}
</script>
</head>
<body contentEditable="true" onload="load()">
  this is text
</body>
</html>