Was sind die besten Optionen für Rich Text Editing in Rails?
-
10-07-2019 - |
Frage
Ich mag auf Formulare, um Rich Text Editing an seinem Platz verwenden, um Administratoren Changes zu lassen. Was sind die besten Möglichkeiten, dies zu tun?
[Um mehr klar zu sein - die Admins sind nicht technische, sondern kann einige Formatierung ohne Markup oder mit so wenig Markup wie möglich steuern möchten. Was ich möchte, ist für sie inline alle AJAXy mit einem RTE bearbeiten können einige Formatierungs Kontrollen mit und dann einreichen und in der Lage zu sehen, was die Anweisungen wie für den Endbenutzer aussehen ohne Seitenwechsel.
Im Hinblick auf die Plugins gesagt, was ich möchte, ist wissen, welche Rich-Test-Editing Plug-ins sind die besten für den Einsatz in Rails. Am einfachsten zu implementieren, klarste API, einfachste Inline zu verwenden, etc ...]
Lösung
Tumblon , begannen wir mit TinyMCE aber wir sind die Umstellung auf Yahoos rel="noreferrer"> dort einige seltsame Probleme waren mit der Art und Weise TinyMCE gearbeitet und weil die Rich-Text-Editor Dokumentation und Standard-Look-and-Feel überlegen ist.
Beide sind ziemlich einfach, mit Rails zu integrieren (sie sind nur JavaScript, nachdem alle). Es gibt Plugins, aber Sie nicht wirklich brauchen.
Andere Tipps
Ich habe durch Ähnliche Kämpfe in der Vergangenheit gegangen und hatte auf YUI abgewickelt. Leider YUI Ergebnisse (zumindest für mich, und zwar, ich eilte durch und nie wieder) betragen, in schrecklich html.
Dann heute Abend, wenn ich auf diesen Beitrag gestoßen, fand ich PunyMCE. Es gibt 2 tolle Sachen über sie: 1) seine unglaublich leicht (wie der Name schon sagt), und 2) es gibt ein Schienen-Plugin, das bereits für sie erstellt wurde. Puny_mce auf Github
Die Dokumentation ist gut genug, mit Ausnahme von ein paar Dinge, die ich übersehen / hatte mir meinen Kopf kratzen:
- Es ist ein Tippfehler unter „Verwendung“, <% Ausbeute: Kopf%> sollte <% = Ertrag : Kopf%>
- Wenn Sie mehr verwenden möchten
als der Grund Symbolleiste, müssen Sie
umfasst entweder a) den Pre-Setup
Profil oder b) die Elemente der Symbolleiste und
erforderlich Plugins für diese Elemente in
Sowohl der
include_puny_mce
Anruf Und derpuny_mce
Anruf. Das macht Sinn - dieinclude_puny_mce
ist Anweisen der Seite, auf der Javascripts es braucht, und diepuny_mce
Anruf ist eigentlich bauen der JavaScript-Ausgang erforderlich ist, um erzeugen, um den Rich Editor.
Hier ist ein Beispiel, das ich zusammen zu demonstrieren gestellt:
<% 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 %>
Ich hoffe, das hilft!
Ich bin mir nicht sicher, ob ich völlig verstehe die Frage, aber wenn Sie nur über fragen, welcher Editor zu verwenden, gibt es viele Möglichkeiten, und keiner von ihnen ist eine Frage der Rails - man muss nur einer von ihnen verwenden kann ein durch Hinzufügen kleines Stück Javascript in Ihrem Markup. Nizza und aktuelle Übersicht finden Sie hier: http://bulletproofbox.com/web-based-rich-text-editors-compared/ .
Es gibt eine Reihe von Templating Sprachen für Rails implementiert, die relativ einfache Syntax für Markup geben. Ich habe vorher verwendet RedCloth, ein Juwel Implementierung von Textile ( http://redcloth.org/ ), und es ist ziemlich gut. Dinge wie Flüssigkeit ( http://www.liquidmarkup.org/ ) sind ein wenig stärker, so dass Vorlagen enthält tatsächlich Informationen Inline-Datenbank. Je nach Bedarf Ihres Projektes, würden beide möglicherweise eine gute Passform sein.
Keines dieser Einzellösungen wäre einen direkte Rich-Text-Editor gibt, ist aber ein guter Ausgangspunkt für das Back-End für das, was eine Drop-in-Lösung sein könnte. Wenn Sie nur im Stich gelassen admins obwohl Informationen eingeben, ich kann mir vorstellen, dass sie nicht von einem kleinen Klartext Eintrag erschrecken.
Der Link in der Antwort von Mailand ist gebrochen. Zum Glück tat Ajaxian.com eine schöne Zusammenfassung der Post mit Links zu allen verschiedenen RTE in der Post und seine Kommentare.
Ich weiß, dass diese Bedrohung ist ziemlich alt, aber ich stieß auf der Suche nach ein paar guten Möglichkeiten, die ein paar Wochen zurück, so im Fall jemand anderes das gleiche Problem konfrontiert ist, wie ich habe ich eine Antwort geben erneut gesendet. Also mein Lieblingseditor ist Froala ( Quill ( quill-Schienen , wenn Sie mit Schienen). Wir haben es nicht für Projekte noch nicht, aber das Experimentieren verwendet. Sobald wir mehr Erfahrung haben wir hier ein paar Notizen schreiben gehen und SSC .
Schließlich, wenn Sie ansprechende Front-End tun oder anbieten möchten bearbeite Sie vielleicht einen Blick auf x-editierbare . Schauen Sie sich die Demo - es ist recht ordentlich