текстовой области, которая использовала обычный текст с опцией уценки или текстильным фильтром, теперь нужны изображения

Question

Мои клиенты могут вводить текст в текстовую область и иметь возможность использовать уценку или текстильные фильтры для каждой текстовой области.

С некоторыми моделями (статьями, информационными бюллетенями и т. Д.) Они могут загружать изображения, связанные с моделью, которые отображаются в столбце рядом с текстом текста.

Некоторое время это работало нормально, но теперь они сказали мне, что хотят иметь возможность размещать изображения ВНУТРИ текста в определенных позициях.

Как лучше всего это сделать?Я предполагаю, что мне, возможно, придется использовать wysiwyg для этого, но не хотел бы.И как это будет работать с изображениями, которых еще нет на сервере и т. Д.?

Answer 1

Я думаю, что собираюсь использовать комбинацию # 2 выше и движок шаблонов Liquid.

Answer 2

Есть несколько направлений, по которым вы можете пойти:

• Следуйте по пути Confluence, которая выпустила в своей новой версии 4.0 переписанный редактор WYSIWYG, который хранит в качестве исходного XHTML, а не разметку вики,
  • Приводит к обновлению всех страниц при миграции.
  • Было довольно сложно реализовать.Я не знаю, используют ли они больше редактор TinyMCE предыдущих версий.
• Следуйте формату уценки, как включать изображения в исходный формат.Поэтому, набрав: This is my text. !image.png! The inline image shows ..., вы получите формат, который понятен.
  • Вы должны расширить интерпретацию, чтобы отображать !<filename>!, который в любом случае будет храниться локально.
  • Необходимо добавить диалоговые окна очистки для изображений, которые еще не известны, делая массовые загрузки ...
  • Вы можете предоставить область перетаскивания на вашем виде, которая затем показывает имя файла и примеры, как включить его в текстовую область.
• Сделайте что-то среднее, позволяя пользователям перетаскивать изображения в редакторе.Есть плагины, написанные на Javascript, которые позволяют вам делать это, например, UI Draggable для jquery
  • Я понятия не имею, как интегрировать это изображение в текстовый редактор.Наложение?

Итак, второй вариант самый простой, и пользователь знает, как это сделать.Если они только решат, что это решение, которое они хотят получить: -)