all AI news
Create Custom Block in Quill like Video, Link, Banner.
Aug. 14, 2023, 6:09 p.m. | Sandeep
DEV Community dev.to
i am creating this post as my experience. sometime we need to create custom block in quill to create block for our need. i create some block.
index.html
<div class="" id="editor-wrapper" (keyup)="keyup($event)" (click)="keyup($event)">
</div>
<div><button (click)="download()">Download</button></div>
<div><button (click)="insert()">Insert Hr</button></div>
<div id="customDropdown" style="display: none;">
<!-- Add your dropdown options here -->
<button>Option 1</button>
<button>Option 2</button>
<button>Option 3</button>
</div>
editor.ts
declare const Quill: any;
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
declare const quillBetterTable: any;
declare const htmlToPdfmake: any;
declare const pdfMake: …
angular click download editor event experience html index react video webdev wrapper
More from dev.to / DEV Community
Jobs in AI, ML, Big Data
Data Architect
@ University of Texas at Austin | Austin, TX
Data ETL Engineer
@ University of Texas at Austin | Austin, TX
Lead GNSS Data Scientist
@ Lurra Systems | Melbourne
Senior Machine Learning Engineer (MLOps)
@ Promaton | Remote, Europe
Business Data Scientist, gTech Ads
@ Google | Mexico City, CDMX, Mexico
Lead, Data Analytics Operations
@ Zocdoc | Pune, Maharashtra, India