Blog
Select Page

How to remove the p tag automatically added by CKEditor?

Misc

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

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;...
Free email drag and drop template builder

Free email drag and drop template builder

UI Components

All templates page – https://email.maocanhua.cn/ Edit template – https://email.maocanhua.cn/editor?id=834&userId=107 Code repo liks: https://github.com/m-Ryan/easy-emailGIT – https://github.com/m-Ryan/easy-email-demoDemo...
Gmail like configuration in CK Editor 4 Toolbar

Gmail like configuration in CK Editor 4 Toolbar

UI Components

Demo See the Pen Untitled by Puneet Sharma (@webdevpuneet) on CodePen. First we need to include full version script of CK Editor 4 in our page and then add the following toolbar configuration. The configuration is very near to that of a Gmail. i.e. toolbar at the...
CSS pseudo selectors for HTML5 Date-Time Picker

CSS pseudo selectors for HTML5 Date-Time Picker

CSS

The following eight pseudo-elements are made available by WebKit for customizing a date input’s textbox: ::-webkit-datetime-edit { padding: 1em; } ::-webkit-datetime-edit-fields-wrapper { background: silver; } ::-webkit-datetime-edit-text { color: red; padding: 0...
SVG Path Builder

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...