Публикации по теме 'contenteditable'


Редактор кода встречает «contenteditable» - провальный проект
На современных технических веб-сайтах есть множество редакторов кода. Большинство редакторов кода делают почти одно и то же - выделение кода, синтаксический анализ языка, автоматический отступ и т. Д. Некоторые даже более причудливые предоставляют вам среду разработки облачного редактора с более близкими к нативным функциям, чтобы облегчить жизнь разработчикам (или Сильнее?). Я не особо много думал при использовании любого из них, до недавнего времени мне нужно было написать его для..

WYSIWYG с контентным
WYSIWYG с контентным Долгий и трудный путь к созданию WYSIWYG! Прежде всего, чтобы понять мою боль, прочтите статью « Почему contenteditable - это ужасно », написанную Ником Сантосом , инженером-программистом @Medium . И, если этого будет недостаточно, вы можете получить более четкое представление о содержании, прочитав « ContentEditable - хорошее, плохое и уродливое » Пиотрека Кошулиньского , Ведущий разработчик CKEditor. Прочитав статьи выше, вы можете спросить:..

Вопросы по теме 'contenteditable'

Javascript - изменить цвет шрифта определенного текста в текстовой области
Есть ли функция JS, которая может изменить цвет определенного текста в текстовой области? Например, blar blar {blar} blar, {blar}, включая { }, будет синего цвета. Другие слова будут пустыми. Другими словами, все, что мне нужно, это функция,...
10638 просмотров

Установить фокус на элемент div contenteditable
У меня есть <div contenteditable=true> , где я определяю WYSIWYG некоторые элементы. Например, <p> , <h1> и т. д. Я хотел бы сосредоточить внимание непосредственно на одном из этих элементов. Например на <p id="p_test">...
73600 просмотров
schedule 27.04.2023

Контентный текстовый редактор и позиция курсора
Как я могу (используя jquery или другой) вставить html в позицию курсора / каретки моего contenteditable div: <div contenteditable="true">Hello world</div> Например, если курсор / каретка находился между «привет» и «мир», а затем...
11560 просмотров
schedule 27.08.2022

Facebook как ввод статуса
Есть ли готовый подобный ввод, как ввод статуса в Facebook? Я имею в виду, они используют contenteditable div, и они довольно хорошо все это упаковали. Они могут изменять его размер (при фокусе/размытии), он продолжает перенос и расширение слов, а...
538 просмотров

как сделать редактируемый диапазон в fire fox
даже установив contentEditable="true" в теге span, в fire fox этот тег не может редактироваться, в то время как в IE нет проблем. что я могу сделать?
2963 просмотров
schedule 18.07.2023

Получить контент Редактируемое положение курсора
Я нахожу множество хороших кросс-браузерных ответов о том, как установить позицию курсора в элементе contentEditable , но ни одного о том, как получить позицию курсора в первом место. Я хочу знать позицию курсора в div на keyup . Итак, когда...
138839 просмотров

Установка позиции каретки на пустой узел внутри элемента contentEditable
Моя задача состоит в том, чтобы установить текстовый курсор внутри пустого узла span внутри div contentEditable . Следующее не дает мне проблем с Firefox 3.6: <!DOCTYPE html> <html> <head> <meta...
12730 просмотров

Замена contenteditable текста на лету
Я хочу добавить немного HTML, поскольку пользователи вводят что-то в contenteditable. Например, $('body') .delegate('div[contenteditable=true]', 'blur keyup paste', function(){ var html = this.innerHTML; html.replace( "a", "b"...
2441 просмотров
schedule 03.02.2023

Как предотвратить | Mozilla FireFox (3.6) ContentEditable применяет CSS к редактируемому контейнеру вместо его содержимого
У меня есть страница с чем-то вроде этого: <div id="editor" contenteditable="true">SomeText</div> У меня есть самодельный редактор JS, который действительно выдает document.execCommand(some_command,false,optional_value);...
1071 просмотров
schedule 08.11.2022

Любой редактор форматированного текста WYSIWYG, который не использует HTML (contenteditable или designMode), как (новые) Google Docs?
Помимо новых Google Docs, все другие веб-редакторы форматированного текста (ckeditor, tinymce, старые Google Docs) с поддержкой WYSIWYG, которые я видел, основаны на contenteditable или designMode. Я лично ненавижу пользоваться этими редакторами. Не...
13563 просмотров

contenteditable сохранение и восстановление выделенного текста
Я наткнулся на этот пост, в котором показаны две функции сохранения и восстановления выделенного текста из редактируемого содержимого div. У меня есть div ниже, установленный как contenteditable, и функция 2 из другого сообщения. Как использовать...
15688 просмотров
schedule 07.06.2023

применить стиль с помощью execCommand к произвольному тексту
я знаю, как выполнить execCommand для некоторого выделенного текста, но есть ли способ выполнить какой-либо другой текст в моем contenteditable div?
1577 просмотров
schedule 01.01.2023

contentEditable - тег Firefox ‹br /›
Firefox вставляет тег <br /> при нажатии клавиши ввода, тогда как другие браузеры добавляют либо <p> , либо <div> . Я знаю, что chrome и safari вставляют один и тот же тег firstchild в contentEditable div. То же самое и с...
8937 просмотров
schedule 23.04.2023

Javascript Работает в консоли, но не внутри тега скрипта Каков контекст консоли?
Я пытаюсь реализовать редактор форматированного текста, предоставляемый браузером. Вот ссылка на Mozilla: https://developer.mozilla.org/en/rich-text_editing_in_mozilla Я делал это раньше, и он работает в IE / Chrome / Firefox, хотя, возможно, с...
875 просмотров
schedule 14.03.2023

Как предотвратить работу «Enter» в div, помеченном как contentEditable?
Вот пример jsfiddle. Я создал div и пометил его как редактируемый. Я пытаюсь захватить и предотвратить ввод новой строки клавишей Enter. Похоже, что возврат false из функции события и остановка распространения события не предотвращает вставку...
1304 просмотров
schedule 02.03.2024

HTML5-эквивалент Silverlight RichTextBox?
У меня был некоторый опыт работы с новым RichTextBox в Silverlight 4, и мне было интересно, знает ли кто-нибудь хороший эквивалент/пример в HTML5? Я видел этот довольно классный пример с contentEditable , но мне интересно, есть ли лучшие...
1817 просмотров

Как заменить выделенный текст на html в элементе contenteditable?
С элементом contenteditable, как я могу заменить выбранный контент своим собственным html?
60102 просмотров
schedule 14.04.2023

Вставить html под курсором в контентный div
У меня есть div с contenteditable set, и я захватываю нажатие клавиши с помощью jquery для вызова preventDefault () при нажатии клавиши ввода. Подобно этому вопросу , который вставляет текст в курсор , Я хотел бы вставить непосредственно html, для...
77138 просмотров
schedule 20.06.2022

Как определить, когда дочерний элемент контентного DIV редактируется с клавиатуры?
Учитывая этот HTML-код: <div contenteditable> .... <span> child-element </span> .... </div> Когда пользователь щелкает элемент SPAN (чтобы поместить в него курсор), а затем нажимает символьную клавишу на...
4758 просмотров
schedule 13.06.2022

Редактируемая проблема
В этом: http://jsfiddle.net/bLHVh/4/ у меня есть редактируемый элемент div, и всякий раз, когда вы вводите его, он заменяет «a» на «b», просто в качестве простого примера (конечно, он будет делать полезные вещи позже). Он работает нормально, пока...
389 просмотров
schedule 24.03.2023