Лучшее решение JavaScript WYSIWYG для фиксированной коробки

Question

У меня есть поле размером ровно 425px x 100px, и я хочу, чтобы мои пользователи стилизировали содержимое этих блоков с помощью редактора WYSIWYG.Они должны иметь возможность использовать почти каждый HTML-код внутри этого поля.

Нет, я ищу подходящий редактор WYSIWYG, я использовал TinyMCE для решения подобных проблем, ноЯ думаю, что это лучше всего для длинного непрерывного текста, но сейчас у меня есть фиксированное поле.

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

Answer 1

http://ckeditor.com/

Я обнаружил, что ckeditor полезен, имеет богатую функциональность в отношении изображения или текста, позволяет вам использовать как WYSIWYG, так и html исходные методы форматирования, а также имеет «холст» фиксированного размера, который пользователь может настроить в соответствии снужно,

распечатать экран моего практического использования его,

и вот экран источника и наконец я использую холст 800x500 фиксированного размера

Answer 2

Вы можете сделать это используя tinymce. Чтобы исправить положение текста и изображений, вам потребуется собственный контент css (см. Документацию tinymce для параметра конфигурации content_css ). Вы можете даже определить ширину абзацев содержания tinymce в этом CSS, решая проблему с вашим окном. Css (для размещения в вашем собственном css-файле) для вашей проблемы будет выглядеть следующим образом:

p {
  width: 100px;
}

Что касается длины (или лучшей высоты), вам может понадобиться реализовать собственный плагин и проверить длину содержимого редактора там. Если эта длина уже достигнута, вы удаляете букву / содержимое, которые пользователь только что пытался вставить.

Answer 3

Простое, но эффективное решение: PageDown .Он использует Markdown, поэтому он позволяет форматирование HTML.Тем не менее, PageDown включает в себя два сценария для очистки его содержимого.Немного повозившись, вы можете разрешить или ограничить дополнительные теги.

Что касается позиционирования, как сказал Тариама, это легко контролируется вашим CSS, так что это не проблема для редакторов WYSIWYG.

Answer 4

в зависимости от ваших потребностей я бы предложил за nicedit .Вы также можете иметь его в облегченной версии вместе с фиксированной высотой и шириной.

Answer 5

http://ckeditor.com/

http://docs.cksource.com/FCKeditor_2.x/Users_Guide/Common_Tasks/Inserting_Images