Каковы лучшие варианты для Rich Text Editing в Rails?

Question

Я бы хотел использовать Rich Text Editing на месте в формах, чтобы позволить администраторам изменять инструкции. Каковы наилучшие варианты для этого?

[Чтобы быть более понятным - администраторы не являются техническими, но могут захотеть контролировать некоторое форматирование без использования разметки или с минимальной разметкой, насколько это возможно. Мне бы хотелось, чтобы они могли редактировать все AJAXy со встроенным RTE с некоторыми элементами управления форматированием, а затем отправлять и видеть, как будут выглядеть инструкции для конечного пользователя без изменения страниц.

Что касается конкретно плагинов, то я хотел бы знать, какие плагины Rich Test Editing являются лучшими для использования в Rails. Самый простой в реализации, понятный API, самый простой в использовании встроенный и т. Д. ...]

Answer 1

Для Tumblon , мы начали с TinyMCE , но мы переключаемся на Yahoo Rich Text Editor , потому что были некоторые странные проблемы с тем, как работал TinyMCE, и потому что документация и текстовый редактор Rich Text Editor имеют превосходный внешний вид.

Оба довольно легко интегрируются с Rails (в конце концов, это всего лишь JavaScript). Есть плагины, но они вам не нужны.

Answer 2

В прошлом я сталкивался с подобной борьбой и остановился на YUI. К сожалению, результаты YUI (по крайней мере для меня, и по общему признанию, я бросился через и никогда не пересматривал) в ужасном html.

Тогда вечером, когда я наткнулся на этот пост, я нашел PunyMCE. В нем есть две замечательные вещи: 1) его невероятно легкий (как следует из названия) и 2) для него уже создан плагин rails: puny_mce на github.

Документация достаточно хорошая, за исключением нескольких вещей, которые я упустил из виду / заставил меня почесать голову:

1. В разделе "Использование" есть опечатка, <% yield: head%> должен быть <% = yield : head%>
2. Если вы хотите использовать больше чем основная панель инструментов, вам нужно включите либо а) предварительную настройку профиль или б) элементы панели инструментов и необходимые плагины для этих предметов в ОБА include_puny_mce вызов И puny_mce звонок. Это делает смысл - include_puny_mce инструктируя страницу, на которой javascripts это нужно, и puny_mce Звонок на самом деле строит вывод JavaScript, необходимый для создать богатый редактор.

Вот пример, который я собрал, чтобы продемонстрировать:

<% content_for :head do %>
  <%= include_puny_mce :profiles => [:full] %>
<% end %>

<h1>New post</h1>

<% form_for(@post) do |f| %>
 <%= f.error_messages %>
 <%= f.label :title, "Title" %><br />
 <%= f.text_field :title %><br />
 <%= f.label :content, "Post Content" %><br />
 <%= f.text_area :content, :cols => 100 %>
 <%= puny_mce 'post_content', 'post_content', :profile => :full %>
 <p>
     <%= f.submit 'Create' %>
 </p>
<% end %>

Надеюсь, это поможет!

Answer 3

Я не уверен, что полностью понимаю вопрос, но если вы просто спросите, какой редактор использовать, есть много опций, и ни один из них не является вопросом Rails - вы можете использовать любой из них, просто добавив маленький кусочек javascript в вашей разметке. Хороший и актуальный обзор можно найти здесь: http://bulletproofbox.com/web-based-rich-text-editors-compared/.

Answer 4

Ссылка в ответе Милана не работает. К счастью, Ajaxian.com сделал хорошее резюме поста со ссылками на все RTE в посте и его комментариями.

Ссылка: http://ajaxian.com/archives/richtexteditors-compared

Answer 5

Существует несколько языков шаблонов, реализованных для Rails, которые предоставляют относительно простой синтаксис для разметки. Ранее я использовал RedCloth, драгоценную реализацию Textile (http://redcloth.org/),), и это довольно хорошо. Такие вещи, как Liquid (http://www.liquidmarkup.org/), немного более мощные, позволяя шаблонам фактически включать информацию базы данных в строку. В зависимости от в соответствии с потребностями вашего проекта, оба варианта могут подойти.

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

Answer 6

Я знаю, что эта угроза довольно старая, но я несколько недель назад наткнулся на несколько хороших вариантов, поэтому, если кто-то столкнется с такой же проблемой, как я, я дам более возмущенный ответ. Итак, мой любимый редактор - Froala ( wysiwyg-editor , если вы используете рельсы), который выглядит чисто, прост в обращении и поддерживает встроенные видео, загрузку изображений, загрузку файлов и полностью настраиваемый до такой степени, что вы даже можете упростить для бэкенд-пользователей, не имеющих знаний о адаптивной разработке, правильно размещать элементы на странице, чтобы сделать их полностью адаптивными. Мы использовали этот редактор для ряда проектов, и клиенты любят его.

Документация удовлетворительная, но может быть лучше, если вы используете ее с такими фреймворками, как Rails и Django (как у нас). Но я думаю, что это улучшается ежемесячно.

Еще один очень многообещающий редактор - Quill ( quill-rails , если вы используете рельсы). Мы еще не использовали его для проектов, но экспериментировали. Как только у нас будет больше опыта, мы опубликуем здесь несколько заметок и SSC .

Наконец, если вы хотите сделать или предложить адаптивное редактирование интерфейса, вы можете взглянуть на x-editable . Посмотрите демоверсию - она ​​довольно аккуратная!