Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/teradata/covalent-text-editor-nightly
Nightly builds of https://github.com/teradata/covalent text-editor module
https://github.com/teradata/covalent-text-editor-nightly
Last synced: 7 days ago
JSON representation
Nightly builds of https://github.com/teradata/covalent text-editor module
- Host: GitHub
- URL: https://github.com/teradata/covalent-text-editor-nightly
- Owner: Teradata
- Created: 2017-07-07T17:37:30.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2021-02-19T19:35:30.000Z (over 3 years ago)
- Last Synced: 2024-05-16T00:34:06.344Z (6 months ago)
- Language: SCSS
- Homepage:
- Size: 440 KB
- Stars: 23
- Watchers: 15
- Forks: 9
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## TdTextEditorComponent: 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.
```bash
npm install @covalent/text-editor
```
## Setup
Import the **CovalentTextEditorModule** in your NgModule:
```typescript
import { CovalentTextEditorModule } from '@covalent/text-editor';
@NgModule({
imports: [
CovalentTextEditorModule,
...
],
...
})
export class MyModule {}
```
### Usage
```html
```
```typescript
class MyComponent {
options: any = {
lineWrapping: true,
toolbar: false,
...
};
}
```