Gathering detailed insights and metrics for ngx-markdown-editor-telegram
Gathering detailed insights and metrics for ngx-markdown-editor-telegram
Gathering detailed insights and metrics for ngx-markdown-editor-telegram
Gathering detailed insights and metrics for ngx-markdown-editor-telegram
Angular markdown editor based on ace editor
npm install ngx-markdown-editor-telegram
Typescript
Module System
Node Version
NPM Version
TypeScript (74.1%)
HTML (14.33%)
CSS (11.58%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
Apache-2.0 License
72 Commits
1 Branches
1 Contributors
Updated on Dec 15, 2019
Latest Version
2.4.10
Package Id
ngx-markdown-editor-telegram@2.4.10
Unpacked Size
531.17 kB
Size
126.88 kB
File Count
39
NPM Version
6.11.3
Node Version
10.17.0
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
1
7
18
Angular markdown editor based on ace editor
Tips: This is a new way to add dependencies since
2.1.0
, and the old way is work fine too.
Install dependencies from npm repository:
1npm i brace bootstrap font-awesome
Install ngx-markdown-editor
from npm repository:
1npm i ngx-markdown-editor
Add the styles and scripts in angular.json
:
1{ 2 ... 3 "architect": { 4 "build": { 5 "options": { 6 ... 7 "styles": [ 8 "node_modules/bootstrap/dist/css/bootstrap.min.css", 9 "node_modules/font-awesome/css/font-awesome.min.css", 10 "node_modules/ngx-markdown-editor/assets/highlight.js/agate.min.css" 11 ], 12 "scripts": [ 13 "node_modules/ngx-markdown-editor/assets/highlight.js/highlight.min.js", 14 "node_modules/ngx-markdown-editor/assets/marked.min.js" 15 ] 16 ... 17 } 18 } 19 } 20 ... 21}
Import brace
in polyfills.ts
1import 'brace'; 2import 'brace/mode/markdown';
1import { LMarkdownEditorModule } from 'ngx-markdown-editor'; 2 3@NgModule({ 4 declarations: [ 5 AppComponent 6 ], 7 imports: [ 8 BrowserModule, 9 FormsModule, 10 LMarkdownEditorModule 11 ], 12 providers: [], 13 bootstrap: [AppComponent] 14}) 15export class AppModule { }
1<md-editor name="Content" 2 [upload]="doUpload" 3 [preRender]="preRenderFunc" 4 [(ngModel)]="content" 5 [height]="'200px'" 6 [mode]="mode" 7 [options]="options" 8 required 9 maxlength="500"> 10</md-editor>
ngModel: markdown original content
height: editor height
hideToolbar: hide toolbar, default is false
mode: editor
| preview
, default is editor
options: other settings for editor
1{ 2 showPreviewPanel?: boolean // Show preview panel, Default is true 3 showBorder?: boolean // Show editor component's border. Default is true 4 hideIcons?: Array<string> // ['Bold', 'Italic', 'Heading', 'Refrence', 'Link', 'Image', 'Ul', 'Ol', 'Code', 'TogglePreview', 'FullScreen']. Default is empty 5 usingFontAwesome5?: boolean // Using font awesome with version 5, Default is false 6 scrollPastEnd?: number // The option for ace editor. Default is 0 7 enablePreviewContentClick?: boolean // Allow user fire the click event on the preview panel, like href etc. Default is false 8 resizable?: boolean // Allow resize the editor 9 markedjsOpt?: MarkedjsOption // The markedjs option, see https://marked.js.org/#/USING_ADVANCED.md#options 10 customRender?: { // Custom markedjs render 11 image?: Function // Image Render 12 table?: Function // Table Render 13 code?: Function // Code Render 14 listitem?: Function // Listitem Render 15 } 16}
preRender(Function
): For #13, this will not effect ngModel
's value, just rendered value
1preRenderFunc(content: string) { 2 return content.replace(/something/g, 'new value'); // must return a string 3}
upload(Function
): For #24, upload file by yourself
1constructor() { 2 this.doUpload = this.doUpload.bind(this); // This is very important. 3} 4 5doUpload(files: Array<File>): Promise<Array<UploadResult>> { 6 // do upload file by yourself 7 return Pormise.resolve([{ name: 'xxx', url: 'xxx.png', isImg: true }]); 8} 9 10interface UploadResult { 11 isImg: boolean 12 name: string 13 url: string 14}
required: for form validate
maxlength: for form validate
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 0/30 approved changesets -- score normalized to 0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no SAST tool detected
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
113 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More