New Twiddle

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  value: `<div>
    <p><span style="font-weight: bold;">Type: </span> exploration, adventure</p>
    <br>
    <p><span style="font-weight: bold;">Audio: </span> English</p>
</div>`,
  pellOptions: {
		defaultParagraphSeparator: 'p',
    styleWithCSS: false,
	}
});

templates.application.hbs

<h1>Issue reproduction <a href="https://github.com/PoslinskiNet/ember-pell/issues/51">#51</a></h1>

{{pell-editor value=value onChange=(action (mut value)) pellOptions=pellOptions}}

<h2>Value preview:</h2>

{{value}}

twiddle.json

{
  "version": "0.15.0",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
    "ember": "3.2.2",
    "ember-template-compiler": "3.2.2",
    "ember-testing": "3.2.2"
  },
  "addons": {
    "ember-data": "3.2.0",
    "ember-pell": "1.4.0"
  }
}