<img alt="" src="https://secure.leadforensics.com/150446.png " style="display:none;">

Interactive Easy Mockups with CKEditor

Aditi Bidre Mar 05, 2014


Many a times we require HTML pages to build interactive mock ups or client presentations. And we do wish that it could be designed and prepared quickly on our own. This is possible with CKEditor. Anyone can build HTML pages within no time.

CKEditor is a free source and can be easily downloaded,


There is much functionality that is available in this, such as text formatting, check boxes, radio buttons, forms, Iframe etc.

Here is how you can prepare a feedback form:

feedback form CKEditor

Write text, select and apply text formatting,

Then select the “input” button from the toolbar. It will pop up the Text Field Properties window, where you can mention default text, width and maximum characters allowed.

“input” button from the toolbar

The selection criteria can easily be added as,

selection criteria

Telephone number field or an email field can also be easily created with validations,

field with Validations

Once the design is complete, select the Source button that will provide the HTML code. Copy Paste this code into the Notepad and save file as .html extension.

save file as .html extension

When you double click on this file it will run in the browser.

e-Zest is a leading digital innovation partner for enterprises and technology companies that utilizes emerging technologies for creating engaging customers experiences. Being a customer-focused and technology-driven company, it always helps clients in crafting holistic business value for their software development efforts. It offers software development and consulting services for cloud computing, enterprise mobility, big data and analytics, user experience and digital commerce.