Merge pull request #2684 from AlchemyCMS/richtext-input

Add richtext input type for form builder

lib/alchemy/forms/builder.rb

@@ -43,6 +43,13 @@ def datepicker(attribute_name, options = {})
         template.content_tag("alchemy-datepicker", date_field, type: type)
       end
 
+      # Renders a simple_form input that displays a richtext editor
+      #
+      def richtext(attribute_name, options = {})
+        text_area = input(attribute_name, options.merge(as: :text))
+        template.content_tag("alchemy-tinymce", text_area)
+      end
+
       # Renders a button tag wrapped in a div with 'submit' class.
       #
       def submit(label, options = {})

spec/libraries/forms/builder_spec.rb

@@ -26,21 +26,21 @@
     end
   end
 
-  let(:template) do
-    double(
-      "Template",
-      controller: controller,
-      label: "<label>",
-      text_field: "<input>",
-      content_tag: "<alchemy-datepicker>"
-    )
-  end
-
   let(:builder) { described_class.new(object_name, form_object, template, {}) }
 
   describe "#datepicker" do
     let(:attribute) { :foo }
 
+    let(:template) do
+      double(
+        "Template",
+        controller: controller,
+        label: "<label>",
+        text_field: "<input>",
+        content_tag: "<alchemy-datepicker>"
+      )
+    end
+
     subject { builder.datepicker(attribute, options) }
 
     context "with date value" do
@@ -91,4 +91,32 @@
       end
     end
   end
+
+  describe "#richtext" do
+    let(:attribute) { :foo }
+
+    let(:template) do
+      double(
+        "Template",
+        controller: controller,
+        label: "<label>",
+        text_area: "<textarea>",
+        content_tag: "<alchemy-tinymce>"
+      )
+    end
+
+    subject { builder.richtext(attribute) }
+
+    it "uses a alchemy-tinymce" do
+      expect(template).to receive(:text_area).with(
+        "Ding",
+        :foo,
+        hash_including(
+          class: [:text, :required]
+        )
+      )
+      expect(template).to receive(:content_tag).with("alchemy-tinymce", "<alchemy-tinymce>")
+      subject
+    end
+  end
 end