Аватар для SanychBY
39 / 46 / 3
Регистрация: 04.06.2013
Сообщений: 1,532

Разные стили текста прямо в форме

16.08.2013, 20:14. Показов 1278. Ответов 10
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток.
Как реализовать одну вещь. Например в неком поле(тут скорее подойдет див с возможностью редактирования в нем) мы набрали текст "корабли лавировали лавировали, да не вылавировали" и предположим мы хотим выделить "лавировали лавировали" жирным. Мы выделяем его мышью и кликаем по соответствующей кнопке. И сразу в диве должны получить

"корабли лавировали лавировали, да не вылавировали"

Получается мы должны взять выделенный текст в span с соответствующим классом, но сам он(span) не должен отображаться, пользователь должен видеть только измененный стиль выделенного текста. Притом если он нажимает backspace удаляться должен только текст, а не span пока в нем заключен некий текст.

Спасибо
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
16.08.2013, 20:14
Ответы с готовыми решениями:

Разные стили для таблице в форме подачи объявлений
Всем доброго! Есть доска объявлений osclass на которой делаю сайт. Там есть форма подачи объявлений. вот кусок кода для ввода данных...

Разные стили
Доброе время суток! Возникла проблема при сверстывании сайта. Мне нужно чтобы ссылка на страницу на которой я нахожусь имела другой стиль...

Разные стили DialogFragment
Есть несколько AppCompatDialogFragment. Когда я запускаю приложение на телефоне с android 6.0.0, то у всех диалогов стиль Material Design....

10
 Аватар для koorya
334 / 181 / 68
Регистрация: 18.03.2010
Сообщений: 586
Записей в блоге: 11
22.08.2013, 18:24
Решение навряд ли напишу, но идея мне кажется такой.
Клавиатура и отображение - это разные вещи. В голове держится истинный, голый текст. Этот голый текст пополняется и редактируется с клавиатуры, как сами написали: див с возможностью редактирования. При выделении запоминаются начало и конец выделения для голого текста, а когда выделяешь текст мышью, выделяется голый текст. Если выбирается особое оформление для выделенного, то из тех заранее запомненных начала и конца, или длины, и стиля выделения составляется объект, добавляемый в список стилей.
Для отображения написанного, из голого текста и списка стилей составляется новая строка и помещается в другой див для отображения.
Моя проблема в том, чтобы определить начало выделения. И, наверное, будет морока с достойным редактированием с клавиатуры. Например, перемещение по строкам...

Я еще подумаю, возможно будет идея.
0
 Аватар для SanychBY
39 / 46 / 3
Регистрация: 04.06.2013
Сообщений: 1,532
22.08.2013, 18:39  [ТС]
koorya, мало держать в голове, это как то еще надо запомнить, что бы сохранить в бд, что бы потом вывести. Иногда на сайтах можно встретить такие формы о которых я говорю. Они похожи как уменьшенный ворд.
0
 Аватар для koorya
334 / 181 / 68
Регистрация: 18.03.2010
Сообщений: 586
Записей в блоге: 11
22.08.2013, 18:44
Мне кажется, вы поняли слишком буквально выражение "в голове".
0
 Аватар для SanychBY
39 / 46 / 3
Регистрация: 04.06.2013
Сообщений: 1,532
22.08.2013, 18:50  [ТС]
Цитата Сообщение от koorya Посмотреть сообщение
Мне кажется, вы поняли слишком буквально выражение "в голове".
Вопрос остается прежним.
Спасибо, что откликнулись.
0
 Аватар для koorya
334 / 181 / 68
Регистрация: 18.03.2010
Сообщений: 586
Записей в блоге: 11
22.08.2013, 19:00
Пока только идеи: мозговой штурм.
Можно предложить такую дикость. При печати нового символа создается объект, с прикрученными на него событиями мыши. Буквы, выходит, обрамлялись бы обессиленным тегом div с id и событиями. Это все чтобы имитировать и выделение.
В общем еще подумаю. Мозговой штурм. И вы штурмуйте.
Чего-нибудь сообразим. Штука не должна быть сложной.
0
 Аватар для SanychBY
39 / 46 / 3
Регистрация: 04.06.2013
Сообщений: 1,532
22.08.2013, 19:03  [ТС]
Цитата Сообщение от koorya Посмотреть сообщение
Штука не должна быть сложной.
Возможно, только вот я не очень в js.

Добавлено через 57 секунд
если что и пишу, то использую джейклери,да и то по банальностям, скрыть что нить, показать при щелчке.
0
835 / 643 / 101
Регистрация: 20.08.2013
Сообщений: 2,524
23.08.2013, 09:17
Можно взять уже готовый и пользоваться. Замечательно гуглится по jquery editor.
2
 Аватар для SanychBY
39 / 46 / 3
Регистрация: 04.06.2013
Сообщений: 1,532
23.08.2013, 13:40  [ТС]
Qwertiy, Огромное спасибо. Но я не очень люблю все стороннее. Тем более когда не понимаешь как это работает. Хотя бы принцип знать.
0
 Аватар для koorya
334 / 181 / 68
Регистрация: 18.03.2010
Сообщений: 586
Записей в блоге: 11
24.08.2013, 09:26
Объемная работа. Я пасую. Едва ли у меня выйдет функциональней.
0
 Аватар для SanychBY
39 / 46 / 3
Регистрация: 04.06.2013
Сообщений: 1,532
24.08.2013, 11:27  [ТС]
koorya, ладно. Воспользуюсь плагином.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
24.08.2013, 11:27
Помогаю со студенческими работами здесь

Разные стили на запрос
Здравствуйте, у меня вот такая проблема, я задаю запрос в базу данных и получаю ответ, но как можно сделать через php, чтобы когда ответ...

Как в форме загрузить картинку прямо с камеры
Ну то есть если у устройства есть камера, то после нажатия "Загрузить" переход на камеру. Пользователь делает фото и картинка загружается...

Стили под разные разрешения
Делаю сайт под разные разрешение экрана делаю это с помощью <link rel="stylesheet" media="screen and (max-width: 1600px)"...

Разные стили для абзацев
есть тег <p> внутри которого находится текст<p>ddddd</p>,этот текст прижат к футеру.есть еще такой же тег <p>но со cвоим id, <p...

Редактирование текста прямо на странице
Здравствуйте, возник вопрос такого плана: Есть 2 категории пользователь по правам доступа, у 1 - только просмотр, у 2 - добавление,...


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

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

Новые блоги и статьи
Мысли в слух. Про "навсегда".
kumehtar 16.04.2026
Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .
My Business CRM
MaGz GoLd 16.04.2026
Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД
Maks 14.04.2026
Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru