AlloyEditor Metal Component

Editor.js

import Component from 'metal-component';
import Soy from 'metal-soy';

import templates from './Editor.soy';

class Editor extends Component {
	attached() {
		AlloyEditor.editable(this.divId, {imageScaleResize: 'scale'});
	}
};

Soy.register(Editor, templates);

export default Editor;

Editor.soy

{namespace Editor}

/**
 * This renders the component's whole content.
 * @param divId
 * @param? contentHtml
 */
{template .render}
    <div id="{$divId}" contenteditable="true" data-placeholder="Write content here">
        {if $contentHtml}
            {$contentHtml}
        {/if}
    </div>
{/template}