line breaks (enter pressed) inside tags?
<p>I have a div editablecontent, which has the following code</p>

<pre><code>&lt;span id="id1"&gt;Hello &lt;/span&gt;
&lt;span id="id2"&gt;there &lt;/span&gt;
&lt;span id="id3"&gt;how &lt;/span&gt;
&lt;span id="id4"&gt;are &lt;/span&gt;
&lt;span id="id5"&gt;you? &lt;/span&gt;
</code></pre>

<p>Now the thing is when cursor is inside one of these spans and I press enter, I want it to be</p>

<pre><code>&lt;span id="id1"&gt;Hel[enter pressed here]&lt;/span&gt;
&lt;span id="xx"&gt;lo &lt;/span&gt;
&lt;span id="id2"&gt;there &lt;/span&gt;
&lt;span id="id3"&gt;how &lt;/span&gt;
&lt;span id="id4"&gt;are &lt;/span&gt;
&lt;span id="id5"&gt;you? &lt;/span&gt;
</code></pre>

<p>so it detects if you're in a span an splits the span into a new one?</p>
