Merge pull request #38 from mnoble01/master

Allow configurable content classes
PoslinskiNet · Aug 19, 2018 · fb00557 · fb00557
2 parents a7255ad + 26f2d6a
commit fb00557
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/addon/components/pell-editor.js b/addon/components/pell-editor.js
@@ -16,9 +16,12 @@ export default Component.extend({
   didInsertElement() {
     this._super(...arguments);
 
-    let pellInstance = pell.init(this._options());
+    const options = this._options();
+    const pellInstance = pell.init(options);
 
-    this.set('pell', pellInstance.querySelector(".pell-content"));
+    const contentClass = options.classes && options.classes.content || 'pell-content';
+    const contentClassSelector = `.${contentClass.split(' ').join('.')}`;
+    this.set('pell', pellInstance.querySelector(contentClassSelector));
 
     this._setValue();
   },

diff --git a/tests/integration/components/pell-editor-test.js b/tests/integration/components/pell-editor-test.js
@@ -54,4 +54,15 @@ describe('Integration | Component | pell editor', function() {
       expect(this.get('value')).to.equal('Taadaa!');
     });
   });
+
+  it('respects custom content classes', function() {
+    this.set('value', 'Initial value');
+    this.set('pellOptions', {
+      classes: {
+        content: 'custom class',
+      }
+    });
+    this.render(hbs`{{pell-editor pellOptions=pellOptions value=value}}`);
+    expect($('.custom.class').html()).to.equal('Initial value');
+  });
 });