Как реализовать область выделения на пустом диве?

@0neS Спасибо большое)

Как реализовать область выделения на пустом диве?

@0neS я в jquery только начинаю разобраться. Не могли бы Вы, пожалуйста, подсказать, где мне поменять код так, чтобы она работало не для картинки, а для дива?

Как реализовать область выделения на пустом диве?

Это я видел. Но это для изображения. И область сугубо квадратная.

Как узнать положение курсора в div'e с contentEditable="true"?

@Petroveg Вы уверены? Это же позиция курсора. Поставлю 5 - будет перед 5 символом. Проверьте сами :-)

Как узнать положение курсора в div'e с contentEditable="true"?

@Petroveg Так я же Вам нормальное решение показал :-)

Как узнать положение курсора в div'e с contentEditable="true"?

@Petroveg Решил эту проблему. При клике добавил такой код:
var number = tag.indexOf('>')+1;
insertHTML(chars(tag), number);
Где number - номер позиции символа ">". "+1" делаю для того, что курсор был после этого символа. В самой функции вместо 0 пишу number.

Как узнать положение курсора в div'e с contentEditable="true"?

@Petroveg Я в collapse() изменил 0 на 4, чтобы курсор был между тегами и . А если мне захочется вставить не тег , а, например, тег , то тут уже не будет подходить...

Как узнать положение курсора в div'e с contentEditable="true"?

@Petroveg Ну, естественно, вместо треугольных скобок html код я писал.

Как узнать положение курсора в div'e с contentEditable="true"?

@Petroveg Вставьте, например, в поле вставки такой код: "< aside>< /aside>". Курсор до тегов будет стоять, а не между ними. Или я как-то не так пишу?

Как узнать положение курсора в div'e с contentEditable="true"?

@Petroveg Извините, что опять отвлекаю Вас, но у меня возник ещё один вопрос. Вот при нажатии на кнопку вставляется такой текст: "" (без кавычек). Вопрос: как сделать так, чтобы после вставки курсор был между тегами?

Как узнать положение курсора в div'e с contentEditable="true"?

@Petroveg Понял, спасибо за информацию :-)

Как узнать положение курсора в div'e с contentEditable="true"?

@Petroveg Изменил span на button - работает. Спасибо Вам большое. Выручили очень :-)

Как узнать положение курсора в div'e с contentEditable="true"?

@Petroveg Ой, забыл ссылку написать. Вот - jsfiddle.net/Lnm256qc/18

Как узнать положение курсора в div'e с contentEditable="true"?

@Petroveg Я сейчас Ваш код подправил. Примерно так у меня сейчас выглядит. Чтобы Вы поняли, как у меня устроена часть кода. При таком решении текст вставляется в самое начало. Не могли бы Вы, пожалуйста, подредактировать текущий код, чтобы корректно работало?

Как узнать положение курсора в div'e с contentEditable="true"?

Я не могу правильно прикрепить к своему html коду. Вставка идёт в начало строки. Если у Вас есть скайп, то не могли бы Вы, пожалуйста, мне помочь прикрепить правильно?