Articles of contenteditable

Как получить только html-код без вставить в contenteditable div ..?

Я использовал contenteditable div для вставки и замены всех html-тегов с тегом. Но вставляемый html начинается с и заканчивается на . Когда я пытаюсь заменить вставленный html на тег с тегом, он вставляет три тега в начальную позицию. Таким образом, вставленное содержимое начинается и заканчивается тремя разрывами строк без необходимости . Как удалить эти нежелательные […]

Изменение шрифта для выделенного текста с помощью JavaScript

Как изменить шрифт, когда я выделяю конкретный текст из div. Приведенный ниже код изменяет шрифт всего текста при выборе шрифта из моего Dropbox. function changeFont(font) { document.getElementById(“note_header”).style.fontFamily = font.value; } Highlight text and change font Arial Sans Serif Comic Sans MS Times New Roman Courier New Verdana Trebuchet MS Arial Black Impact Bookman Garamond Palatino […]

Как удалить весь элемент span с содержимым в нем?

У меня есть контент- div . Внутри я поместил «долю» в отношении этой ссылки . Вот мой текущий код (числа в пролетах – это просто фиктивные номера): 6 7 Моя проблема заключается в том, что когда я пытаюсь удалить этот «фракционный» диапазон (внешний диапазон, и его нужно удалить, так как это программа Maths WYSIWYG), он […]

Контентоспособное, причудливое поведение дочерних элементов, а НЕ свободное пространство?

Я играю с contenteditable полями и сталкиваюсь с нечетным поведением, которое я не могу понять. Посмотрите скрипку для этой конкретной проблемы. У меня есть два одинаковых contenteditable контента. У обоих из них есть один и тот же ребенок , за которым следует один пустой символ (в противном случае возникают проблемы с морковью). Единственное различие между […]

Contenteditable в таблицах HTML

С кодом: My_NameSurname My_Name2Surname2 Вы можете редактировать ячейку в таблице HTML. Моя проблема в том, что когда я редактирую ячейку и нажимаю enter , она создает новую строку в ячейке. Мне бы хотелось, если бы я нажал кнопку ввода, я перехожу к ячейке чуть ниже той ячейки, которую я только что редактировал, чтобы я мог […]

Получить HTML-позицию в контекстно-зависимом DIV

У меня возникают проблемы с выяснением того, как получить позицию каретки в контейнере DIV, который содержит tags HTML. Я использую эту функцию JavaScript для этого: function getCaretPosition() { if (window.getSelection && window.getSelection().getRangeAt) { var range = window.getSelection().getRangeAt(0); var selectedObj = window.getSelection(); var rangeCount = 0; var childNodes = selectedObj.anchorNode.parentNode.childNodes; for (var i = 0; i […]

Как связать значение td contenteditable с ng-model

Привет, у меня есть следующий элемент td: Есть ли в любом случае, что я могу передать это значение ng-модели из contenteditable td в мой controller? Спасибо заранее, ребята

Риски безопасности из пользовательского HTML

Я использую contentEditable div, который позволяет пользователям редактировать HTML-код тела, а затем отправлять его прямо на сайт с помощью запроса AJAX. Естественно, я должен сделать некоторые проверки безопасности. Наиболее очевидным было обеспечение того, чтобы tags скриптов не были отправлены путем поиска <script в представленном HTML. Это выполняется после первого запуска htmlentities , переноса данных на […]

Учитывать ли контент только при нажатии элемента?

Кажется, что контент доступен вам, когда вы нажимаете на страницу. Как я могу сделать фокус только тогда, когда элемент, который он сам нажал, но не вне элемента? См. Демонстрацию: http://jsbin.com/iTEkUKa/1/edit Попытайтесь щелкнуть за пределами любого из полей, это все еще приводит к фокусу, вот и проблема.

Вставьте новую строку для ввода ключа в contenteditable div

Я пытаюсь вставить символ новой строки вместо того, что браузер хочет вставить, когда я нажимаю enter в contenteditable div. Мой текущий код выглядит примерно так: if (e.which === 13) { e.stopPropagation(); e.preventDefault(); var selection = window.getSelection(), range = selection.getRangeAt(0), newline = document.createTextNode(‘\n’); range.deleteContents(); range.insertNode(newline); range.setStartAfter(newline); range.setEndAfter(newline); range.collapse(false); selection.removeAllRanges(); selection.addRange(range); } Это, похоже, работает в Chrome, […]