TdTextEditorComponent: td-text-editor
<td-text-editor> element generates an easymde markdown editor.
API Summary
Inputs
- value?: string
- value of text in editor
- options?: object
- Options Object of valid Configurations listed here: https://github.com/Ionaru/easy-markdown-editor#configuration
Properties
- 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
Installation
This component can be installed as npm package.
npm install @covalent/text-editor
Setup
Import the CovalentTextEditorModule in your NgModule:
import { CovalentTextEditorModule } from '@covalent/text-editor';
@NgModule({
imports: [
CovalentTextEditorModule,
...
],
...
})
export class MyModule {}
Usage
<td-text-editor [value]="Some Text" [options]="options"></td-text-editor>
class MyComponent {
options: any = {
lineWrapping: true,
toolbar: false,
...
};
}