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

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

jQuery Dropdown multi-select with select all functionality and color indicators

UI Components

Demo See the Pen Multiselect Dropdown – jQuery by Puneet Sharma (@webdevpuneet) on CodePen. HTML <div class=”msdd”> <div class=”msddTop”></div> <div class=”msddMenu” style=”display:none;”> <ul>...

jQuery Search text inside div to any level and add a class to parent element.

jQuery

I hope this code will help you get to what you need or atleast take you near to it. I created it to search text inside cards where user writes some text in input tag and the results is displayed by hiding all those who does not have that string. This script can...