редактор, который у вас есть на скриншоте, является чем-то вроде FCK Editor. Вы можете скачать CKEditor (новая версия FCKEditor) и использовать следующий код для создания редактора на своих страницах:
<script type="text/javascript" src="ckeditor.js"></script>
<textarea cols="80" id="editor2" name="editor2" rows="10"><p>This is some <strong>sample text</strong>. You are using <a
href="http://www.fckeditor.net/">CKEditor</a>.</p></textarea>
<script type="text/javascript">
//<![CDATA[
// This call can be placed at any point after the
// <textarea>, or inside a <head><script> in a
// window.onload event handler.
// Replace the <textarea id="editor"> with an CKEditor
// instance, using default configurations.
CKEDITOR.replace( 'editor2' );
//]]>
</script>
убедитесь, что вы указали правильный путь к ckeditor.js, также вы можете обратиться к документации для получения более подробной информации.
Также убедитесь, что у вас есть код очистки для ввода пользователя (например, белый список тегов), потому что если вы этого не сделаете, ваш сайт будет уязвим для XSS атак.