2008-10-13 4 views
18

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

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

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

ответ

11

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

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

+0

Другими приятными вариантами могут быть [Trix] (https://github.com/basecamp/trix) (gem [здесь] (https://github.com/maclover7/trix)) и [ckeditor] (https: // github.com/galetahub/ckeditor), который поддерживает «несущую волну» и «cancancan» – Pietro

3

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

Редактировать: Изменена ссылка на google cachce, так как исходная ссылка не работает.

+0

Извините, ссылка не работает. Обновите его, если сможете. – JasonOng

+0

Ох. Похоже, что сайт не работает. Я изменил ссылку на версию google cachce, поэтому у вас есть хоть что-то. –

2

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

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

6

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

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

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

  1. Там опечатка в разделе «Использование», <% выход: головка%> должна быть <% = выход : головка%>
  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 %> 

Я надеюсь, что это помогает!

0

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

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

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

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