demo-text-el.html

<link rel="import" href="../content-editor/content-editor.html">

<!-- this is a demo element that is being rendered by row-adder element -->
<dom-module id="demo-text-el">
    <style>
        :host {
            display: block;
        }
        div{
            background: cyan;
            color: black;
            font-size: 16px;
        }

        h4 {
            max-width: 400px;
        }
        .left {
            text-align: left;
        }
        .center {
            text-align: center;
        }
        .right {
            text-align: right;
        }
    </style>
    <template>
        <div>
            <h4 is-content="inline" content-id="heading">Some Random Demo Heading</h4>
            <div class$="[[alignClass]]" is-content="wsywig" content-id="usual-paragraph">Some random wsywig field</div>
            <button on-click="handleClick">Go to next page</button>
        </div>
    </template>
    <script>
        Polymer({
            is: 'demo-text-el',

            behaviors: [
                ContentEditorBehavior
            ],

            properties: {
                align: {
                    type: Number,
                    value: 0
                },

                alignClass: {
                    type: String,
                    computed: 'generateClassName(align)'
                },

                usercontent: {
                    type: Object,
                    notify: true,
                    reflectToAttribute: false
                }
            },

            generateClassName: function(num) {
                switch(num) {
                    case 0: return 'left';
                    case 1: return 'center';
                    case 2: return 'right';
                }
            },

            handleClick: function() {
                this.fire('iron-signal', {
                    name: 'pancake-player-route-changed',
                    data: '/pages/en-US/product-page'
                });
            }
        });
    </script>
</dom-module>