Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Complex138
5 / 5 / 4
Регистрация: 18.09.2015
Сообщений: 34
Завершенные тесты: 1
#1

Запретить редактировать вставленный html участок в contenteditable

03.09.2017, 07:03. Просмотров 218. Ответов 2
Метки нет (Все метки)

Всем привет, я использую contenteditable в качестве текстового поля, все сделал, все прекрасно, по после добавления новой возможности, появился косяк, не могу запретить дейсвия над участком.
Например при клике по нику, вставляется ник в обвертке, повесил скрипт который не даст по нему кликнуть, он будет переводить каретку в конец, но если перевести каретку стрелками, то в него можно писать. Кто может подсказать как это запретить?

Вот кусок кода который я вставляю, его и нужно запретить редактировать.
Javascript
1
document.getElementById("editableDiv").innerHTML += '&nbsp<b onclick="$(\'#editableDiv\').focusEnd();" class="label label-success" style="user-select: none; ">%'+ name_user +'%,</b>&nbsp;';
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
03.09.2017, 07:03
Ответы с готовыми решениями:

Запретить печатать в div с contenteditable за пределеами этого элемента
Привет всем, у меня возникла следующая задача: есть div с contenteditable, и у...

Как редактировать данные в таблице html
Я делаю изменяемое расписание для сайта. Вообщем запись уроков я сделал,...

Как запретить в IE на HTML-page F11 & PrintScreen?
Подскажите, пожалуйста, как запретить в IE на HTML-page F11 &amp; PrintScreen....

Как запретить сохранение страницы и просмотр HTML кода?
Подскажите, как запретить соранение страницы и просмотр HTML кода?

Код вставленный в iframe работает в родительском окне
$('#PP_iframe').contents().find('head').append('&lt;script id=&quot;gc-ready-js&quot;...

2
TFullControl
398 / 322 / 189
Регистрация: 20.10.2016
Сообщений: 1,024
03.09.2017, 07:45 #2
Запретит редактировать только ник
Javascript
1
document.getElementById("editableDiv").innerHTML += '&nbsp<b contenteditable="false">%'+ name_user +'%,</b>&nbsp;';
1
Complex138
5 / 5 / 4
Регистрация: 18.09.2015
Сообщений: 34
Завершенные тесты: 1
03.09.2017, 17:05  [ТС] #3
Спасибо!
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
03.09.2017, 17:05

contenteditable
Всем привет. Возможно ли поставить ограничение в теге с contenteditable на ввод...

Contenteditable
Вставка чистого текста в блок &lt;divcontenteditable=&quot;true&quot; &gt;&lt;/div&gt; подскажите...

Contenteditable и сохранение в БД
Есть кусок кода &lt;tr&gt; &lt;td contenteditable=&quot;true&quot; &gt;1&lt;/td&gt;; &lt;td...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru