Category: Misc

Tips, Scripts, Tools, Bookmarks, and Inspiration for Web Designers and Developers.

How to remove the p tag automatically added by CKEditor?

Use the following setting to make your ckeditor’s output p tag free that is automatically included by ckeditor.whenever you start writing something. autoParagraph: false, CKEDITOR.replace(‘editor1’, { uiColor: ‘#dadada’, height: 250,...

Hot to allow using all HTML tags in CK Editor 4

Misc

You need to add these settings where you have initiated editor. CKEDITOR.replace(‘ckeditortextarea’, { allowedContent: true, fullPage: true, }); or by this method.. var config = CKEDITOR.replace( ‘editor1’ ); config.allowedContent = true;...

SVG Path Builder

Misc

Just found this cool SVG Path Builder. So taking a note of it and adding it to my bookmarks. Path builder link – https://codepen.io/webdevpuneet/pen/MWVpovE Demo See the Pen SVG Path Builder by Puneet Sharma (@webdevpuneet) on...

Generic Javascript code for hide-show input-password

Misc

// hide show password if ( document.querySelectorAll(‘.toggle-password’) ){ let hideshowpassbtns = document.querySelectorAll(‘.toggle-password’); hideshowpassbtns.forEach(item => { item.addEventListener(‘click’, e => { let toggleId...

How to create a doughnut chart using Chart.js

Misc

First of all you will need to include the canvas with a unique id and include chart.js cdn js file and then follow the steps below. Include Chart.js file <script src=”https://cdn.jsdelivr.net/npm/chart.js”></script> HTML Ass this canvas tag...

Card UI Hover Floating

CSS Animations, Misc

I like this small piece of code. It’s a very fluid, very nice, and light kind of experience to have as a card on your website. See the Pen Product Card UI Hover Floating by Puneet Sharma (@webdevpuneet) on CodePen.