Публикации по теме 'contenteditable'
Редактор кода встречает «contenteditable» - провальный проект
На современных технических веб-сайтах есть множество редакторов кода. Большинство редакторов кода делают почти одно и то же - выделение кода, синтаксический анализ языка, автоматический отступ и т. Д. Некоторые даже более причудливые предоставляют вам среду разработки облачного редактора с более близкими к нативным функциям, чтобы облегчить жизнь разработчикам (или Сильнее?). Я не особо много думал при использовании любого из них, до недавнего времени мне нужно было написать его для..
WYSIWYG с контентным
WYSIWYG с контентным
Долгий и трудный путь к созданию WYSIWYG!
Прежде всего, чтобы понять мою боль, прочтите статью « Почему contenteditable - это ужасно », написанную Ником Сантосом , инженером-программистом @Medium .
И, если этого будет недостаточно, вы можете получить более четкое представление о содержании, прочитав « ContentEditable - хорошее, плохое и уродливое » Пиотрека Кошулиньского , Ведущий разработчик CKEditor.
Прочитав статьи выше, вы можете спросить:..
Вопросы по теме 'contenteditable'
Javascript - изменить цвет шрифта определенного текста в текстовой области
Есть ли функция JS, которая может изменить цвет определенного текста в текстовой области?
Например, blar blar {blar} blar, {blar}, включая { }, будет синего цвета. Другие слова будут пустыми. Другими словами, все, что мне нужно, это функция,...
10638 просмотров
schedule
11.06.2023
Установить фокус на элемент 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 просмотров
schedule
13.09.2022
как сделать редактируемый диапазон в fire fox
даже установив contentEditable="true" в теге span, в fire fox этот тег не может редактироваться, в то время как в IE нет проблем. что я могу сделать?
2963 просмотров
schedule
18.07.2023
Получить контент Редактируемое положение курсора
Я нахожу множество хороших кросс-браузерных ответов о том, как установить позицию курсора в элементе contentEditable , но ни одного о том, как получить позицию курсора в первом место.
Я хочу знать позицию курсора в div на keyup . Итак, когда...
138839 просмотров
schedule
26.02.2022
Установка позиции каретки на пустой узел внутри элемента contentEditable
Моя задача состоит в том, чтобы установить текстовый курсор внутри пустого узла span внутри div contentEditable .
Следующее не дает мне проблем с Firefox 3.6:
<!DOCTYPE html>
<html>
<head>
<meta...
12730 просмотров
schedule
20.08.2023
Замена 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 просмотров
schedule
26.10.2022
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 просмотров
schedule
06.07.2023
Как заменить выделенный текст на 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