<td-text-editor> element generates an easymde markdown editor.

• value?: string
  • value of text in editor
• options?: object
  • Options Object of valid Configurations listed here: https://github.com/Ionaru/easy-markdown-editor#configuration

• isPreviewActive?: function()
  • is the Preview Active. Returns boolean
• isSideBySideActive?: function()
  • is the Side By Side Active. Returns boolean
• isFullscreenActive?: function()
  • is Full Screen Active. Returns boolean
• clearAutosavedValue?: function()
  • clears Auto Saved Value. Returns void
• toTextArea?: function()
  • reverts to the Initial textarea. Returns void
• easyMDE?: function()
  • getter function for the underlying easyMDE Object. Returns EasyMDE

This component can be installed as npm package.

npm install @covalent/text-editor

Import the CovalentTextEditorModule in your NgModule:

import { CovalentTextEditorModule } from '@covalent/text-editor';
@NgModule({
  imports: [
    CovalentTextEditorModule,
    ...
  ],
  ...
})
export class MyModule {}

<td-text-editor [value]="Some Text" [options]="options"></td-text-editor>

class MyComponent {
  options: any = {
    lineWrapping: true,
    toolbar: false,
    ...
  };
}