Custom elements in Editor

[microdeveloper]

Hi first of all congrats for another exciting release.

Well i was waiting for the Editor control for long time now i am playing with it few things i want to know.
Can we add custom elements inside editor component.

[cagatay.civici]

Yes, via toolbar. Notice the custom button at the bottom with fa-check icon.

Code: Select all

<p-editor [(value)]="text2" style="height:320px">
        <header>
            <span class="ql-format-group">
                <span title="Bold" class="ql-format-button ql-bold"></span>
                <span class="ql-format-separator"></span>
                <span title="Italic" class="ql-format-button ql-italic"></span>
                <span class="ql-format-separator"></span>
                <span title="Underline" class="ql-format-button ql-underline"></span>
                <span class="ql-format-separator"></span>
                <span title="Strikethrough" class="ql-format-button ql-strike"></span>
            </span>
            <button pButton icon="fa-check"></button>
        </header>
    </p-editor>