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
  • 34,866
  • 14
  • 107
  • 142
Christoffer
  • 25,035
  • 18
  • 53
  • 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
  • 28,985
  • 26
  • 118
  • 145
-2

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

Darmen Amanbay
  • 4,869
  • 3
  • 29
  • 50