8

I have a contentEditable iframe with line numbers and text. The line numbers are contained in a div and all text is in a <pre>-element.

It looks like this:

<body>

  <div id="line_numbers">
    <div>1</div><div>2</div><div>3</div>
  </div>

  <pre>
    Text
  </pre>

</body>

Now, when someone presses Ctrl+A everything is selected, including the line numbers. I would like to change this behaviour to only include the contents of the <pre>.

I have set up a function that captures Ctrl+A and prevents the default operation. Now, how do I set the selection to contain everything within the <pre>?

Nakilon
  • 33,683
  • 14
  • 104
  • 137
Christoffer
  • 22,845
  • 18
  • 50
  • 77

2 Answers2

8

This answer will help you out I think; you should be able to select the pre element using jQuery and pass it into the function supplied:

SelectText($('pre')[0]);
Community
  • 1
  • 1
Mark Bell
  • 27,980
  • 22
  • 113
  • 143
-2

Have you $("#iframe_id").contents().find('pre').text()?

Darmen Amanbayev
  • 4,839
  • 3
  • 28
  • 50