javascript - ruby rails : How can I allow a user to style text on a form?

Question

我正在创建一个允许用户创建和设计电子邮件的 Ruby on Rails 应用程序，作为其中的一部分，我希望用户能够在他们的消息中选择文本并选择一种样式(类似于 Stack Overflow，用户可以在其中突出显示一个词，然后单击 B 表示粗体，I 表示斜体，等等)。当用户单击它时，我希望文本被样式所需的 HTML 包围，例如<strong>Hi</strong> .

这是为了将其保存为消息的一部分，然后在电子邮件中应用 HTML 样式，使用:.html_safe .

有人可以向我提供一些关于如何实现它的建议吗？

我的邮件格式如下:

    <%= form_for(@email) do |f| %>
      <p>
        <%= f.label :from_name %><br>
        <% if @user.present? %>
        <%= f.select :from_name, [@user.firstname + " " + @user.surname, @user.organisation] %>
        <% end %>
      </p>

      <p>
        <%= f.label :From_Email_Address %><br>
        <%= f.collection_select :account_id, Account.where(user_id: session[:user_id]), 
          :id,:email %>
      </p>

      <p>
        <%= f.label :to %><br>
        <% if @contacts.count > 0 %>
            <%= f.collection_check_boxes(:to, @contacts, :email, :email) %>
        <% else %>
            <%= f.text_field :to %>
        <% end %>
        <%= link_to 'New Contact', new_contact_path %>
      </p>

      <p>
        <%= f.label :logo %><br>
        <%= file_field :email, :logo, :size => 42 %>
      </p>

      <p>
        <%= f.label :subject %><br>
        <%= f.text_field :subject %>
      </p>

      <p>
        <%= f.label :greeting %>
        <%= f.select :greeting, ["No Greeting", "To","Dear","Hi","Hello","Good Morning/Afternoon/Evening","Morning/Afternoon/Evening"] %>

        <%= f.label :to_name %>
        <%= f.select :to_name, ["No Name", "First Name","Surname","Full Name"] %>

        <%= f.label :prefix %>
        <%= f.select :prefix, ["No", "Yes"] %>

      </p>

      <p>
        <%= f.label :message %><br>
        <%= f.text_field :message %>
      </p>

      <div class="actions">
        <%= f.submit %>
        <%= render "/error_messages", :message_header => "Cannot save: ", :target => @email %> 
      </div>
 <% end %>

所以，澄清一下，当用户在 <%= f.text_field :message %> 中输入他们的消息时我希望他们能够设计他们的文本。有人知道我该怎么做吗？

Answer 1

我建议使用 trix gem .

优点:

• 由 Rails 创作者创建
• 轻量级
• 易于使用
• 清洁

查看 official site .