Изменение в html тексте

[casinolot]

Добрый день.
Кто может поможет статьями или советом, как лучше сделать такую вещь.

Есть текст письма.
к примеру
"Добрый день, у нас есть 1020 долларов и мы хотим участников ближе к Москве"
при нажатии по тексту ,его можно редактировать.
но также вверху есть галочки checkbox и с формами ввода для цены и адресса.
К примеру нажав на галочку цены и введя 500 ,в тексте меняется 1020 на 500
или нажав на галочку в Москве и меняя текст на Питер, в тексте меняется Москве на Питер
Все бы можно сделать при помощи меток, типа класса,но
1)При редактировании текста будут видны эти метки типа <p class="price">1020</p> и если при редактировании пользователь их неправильно изменит, то выведется html как текст
Как эту проблему решить?
2)Если пользователь стерёт и изменить полностью текст, то потом куда ставить цену и адресс, если он нажмет на checkbox?

 

[recasher2k12]

Ну есть два варианта решения:
1) Подключаешь самую простую реализацию wysiwyg-редактора. Те блоки, которые нельзя изменять ручками, у них ставишь Для просмотра ссылки Войди или Зарегистрируйся, а также Для просмотра ссылки Войди или Зарегистрируйся с этих элементов. Далее, чтобы как-то было видно, где курсор, можно вставить картинку 1х1px прозрачный gif, которую накладываешь сверху на неизменяемый текст.
2) Сделать несколько растягивающихся input, а между ними - неизменяемый текст.

Других вариантов нет. Выбирай)

Позже пришел в голову упрощенный 1-й вариант. Можно заранее сделать картиночки-ярлычки "город", "цена" и прочее. Сделать рядом с редактором текста кнопочки для добавления этих ярлычков. Они будут отображаться среди текстов как картинка, например, как смайлик. Их можно будет удалить и легко добавить обратно. А где-нибудь ниже разместить пример того что будет отображаться с вариантами городов и цен.