# What you see is what you get!

DevFeed: [What you see is what you get!](<https://devfeed.tech/articles/what-you-see-is-what-you-get-20011.md>)

Original publisher: [Read original article](<http://engineering.hackerearth.com/2018/07/19/what-you-see-is-what-you-get/>)

Published: 2018-07-19T00:00:00Z

Content type: article

Language: en

Sources: [HackerEarth](<https://devfeed.tech/sources/hackerearth.md>)

Topics: [Django](<https://devfeed.tech/topics/django.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>), [Stack Overflow](<https://devfeed.tech/topics/stackoverflow.md>), [Google Search](<https://devfeed.tech/topics/google-search.md>)

Tags: [comparison](<https://devfeed.tech/tags/comparison.md>), [developer](<https://devfeed.tech/tags/developer.md>), [django](<https://devfeed.tech/tags/django.md>), [google-search](<https://devfeed.tech/tags/google-search.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [search](<https://devfeed.tech/tags/search.md>), [software](<https://devfeed.tech/tags/software.md>)

## AI overview

HackerEarth replaced a Markdown editor in its Recruiter Dashboard with CKEditor 4, a WYSIWYG rich-text editor, to make content creation easier for recruiters. The article explains the reasons for choosing CKEditor over TinyMCE and describes its integration into the Django-based Recruit platform.

## Source excerpt

Introduction HackerEarth has grown into a platform that serves a huge number of customers for technical assessment. To make this possible, we try our best to make the platform as easy-to-use as it can get. At several places in our Recruiter Dashboard, we used to have a Markdown editor to allow users to edit free text. There have been multiple times when many of our recruiters have struggled to create content using the Markdown editor. They need not to worry anymore. After many such requests to improve this, we came up with a fix. Say hello to CKEditor (version 4)--The well-known WYSIWYG, Rich Text editor. Why CKEditor? In the battle of the titans (of WYSIWYG editing) between CKEditor and TinyMCE, we decided to go with CKEditor because of the following reasons: It has a huge community of active developers. The strength of the community around an open source project is strongly related to the project's success. As compared to TinyMCE, it provides better support for the following: Multiple languages Source editing Tables Image and media handling etc. It was designed with modularity in mind which allows you to go much deeper if you're a developer. It is doing much better as compared to TinyMCE. One of the easy tricks while surveying software is to compare how alternatives are doing on Google and Stack Overflow trends. Google search comparison (past 5 years) Number of Stack Overflow questions asked Integration The integration of WYSIWYG editor across HackerEarth's Recruit platform is broadly divided into three steps: Adding the Django CKEditor package As the Recruiter dashboard is written entirely in Django, we decided to integrate CKEditor using the django-ckeditor package. CKEditor provides a huge list of out-of-the-box functionalities. Thinking from the perspective of recruiters and problem setters, we decided to opt for a few of them only. The Django CKEditor package reads the configuration from the settings.py file. Here is the snapshot of what the CKEditor configura