views:

176

answers:

2

Hi,

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>?

Thank you! Christoffer

A: 

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

Darmen
+5  A: 

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]);
Mark B
Sweet, thank you!
Christoffer