pass placeholder, autofocus and spellcheck through to the editor

bustle · Oct 14, 2015 · f19ef19 · f19ef19
1 parent 06be559
commit f19ef19
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/addon/components/content-kit-editor/component.js b/addon/components/content-kit-editor/component.js
@@ -20,6 +20,10 @@ export default Component.extend({
   tagName: 'article',
   classNames: ['content-kit-editor'],
 
+  placeholder: 'Write here...',
+  spellcheck: true,
+  autofocus: true,
+
   init() {
     this._super(...arguments);
     let mobiledoc = this.get('mobiledoc');
@@ -135,6 +139,9 @@ export default Component.extend({
     let editor = new window.ContentKit.Editor({
       mobiledoc,
       cards: this.get('cards') || [],
+      placeholder: this.get('placeholder'),
+      autofocus: this.get('autofocus'),
+      spellcheck: this.get('spellcheck'),
       cardOptions: {
         onAddComponentCard: (element, cardName, env, payload) => {
           let cardId = Ember.uuid();

diff --git a/tests/integration/components/content-kit-editor/component-test.js b/tests/integration/components/content-kit-editor/component-test.js
@@ -73,6 +73,28 @@ test('it renders a yielded toolbar content-kit', function(assert) {
   );
 });
 
+test('it displays a custom placeholder', function(assert) {
+  assert.expect(1);
+  this.render(hbs`
+    {{content-kit-editor placeholder="Write something in me"}}
+  `);
+  assert.equal(
+    this.$('[data-placeholder]').data("placeholder"),
+    'Write something in me'
+  );
+});
+
+test('passes through spellcheck option', function(assert) {
+  assert.expect(1);
+  this.render(hbs`
+    {{content-kit-editor spellcheck=false}}
+  `);
+  assert.equal(
+    this.$('[spellcheck]').attr('spellcheck'),
+    "false"
+  );
+});
+
 
 test('it bolds the text and fires `on-change`', function(assert) {
   assert.expect(2);