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

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

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

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

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