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

Тема в разделе "JavaScript", создана пользователем casinolot, 18 июл 2012.

Модераторы: ZiX
  1. casinolot

    casinolot

    Регистр.:
    22 окт 2010
    Сообщения:
    547
    Симпатии:
    84
    Добрый день.
    Кто может поможет статьями или советом, как лучше сделать такую вещь.

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

    recasher2k12

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

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

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