ещё пример, в редакторе есть текст:::
<p><strong>Позиционные селекторы</strong><br />
Эти селекторы используются для выборки объектов на основе их положения по отношению к другим элементам, например на основе вложенности или наличия вложенных объектов, порядка следования в очереди (парные, не парные, первый элемент, последний элемент).</p>
<p>Выбор первого элемента:<br />
<span style="color: #333399;">$(«li:first»)</span> // здесь выбирается первый элемент <li></p>
<p>Выбор последнего элемента:<br />
<span style="color: #333399;">$(«p:last»)</span> // здесь выбирается последний элемент p</p>
<p>Выбор каждого второго элемента начиная с 0 (индексация эллементов с нуля):<br />
<span style="color: #333399;">$(«p:even»)</span> // каждый второй параграф начиная с нулевого</p>
<p>Выбор каждого второго элемента начиная с первого:<br />
<span style="color: #333399;">$(«.mega-div:odd»)</span> // выбор каждого второго элемента с классом .mega-div начиная с первого (индексация с нуля)</p>
после выделения текста (к примеру от "элемент).</p>" и до "<p>Выбор каждого") и нажатия на кнопку добавления моих тегов, в редакторе текст должен выглядеть так:::
<p><strong>Позиционные селекторы</strong><br />
Эти селекторы используются для выборки объектов на основе их положения по отношению к другим элементам, например на основе вложенности или наличия вложенных объектов, порядка следования в очереди (парные, не парные, первый элемент, последний элемент).</p>
{spec}
<p>Выбор первого элемента:<br />
<span style="color: #333399;">$(«li:first»)</span> // здесь выбирается первый элемент <li></p>
<p>Выбор последнего элемента:<br />
<span style="color: #333399;">$(«p:last»)</span> // здесь выбирается последний элемент p</p>
<p>Выбор каждого второго элемента начиная с 0 (индексация эллементов с нуля):<br />
<span style="color: #333399;">$(«p:even»)</span> // каждый второй параграф начиная с нулевого</p>
{/spec}
<p>Выбор каждого второго элемента начиная с первого:<br />
<span style="color: #333399;">$(«.mega-div:odd»)</span> // выбор каждого второго элемента с классом .mega-div начиная с первого (индексация с нуля)</p>
т.е. получается что скрипт перенёс начло выделения после закрывающегося </p> и перед открывающимся <p>? но не факто что там будут именно "P" там (в редакторе) могут быть и другие теги
а когда этот текст уже будет на странице сайта, то он будет выглядить вот так:::
<p><strong>Позиционные селекторы</strong><br />
Эти селекторы используются для выборки объектов на основе их положения по отношению к другим элементам, например на основе вложенности или наличия вложенных объектов, порядка следования в очереди (парные, не парные, первый элемент, последний элемент).</p>
<div>
для разблокировки и просмотра скрытого текста, пожалуйста авторизуйтесь
</div>
<p>Выбор каждого второго элемента начиная с первого:<br />
<span style="color: #333399;">$(«.mega-div:odd»)</span> // выбор каждого второго элемента с классом .mega-div начиная с первого (индексация с нуля)</p>
надеюсь так совсем понятно объяснил))))