Как поставить редактор Markdown на сайт для комментариев

Многие из тех кто добавляет материалы на Голосе уже знакомы с таким замечательным текстовым редактором, как Markdown. Сегодня я расскажу как можно добавить этот редактор на сайт в виде поля для добавления комментариев. Выглядит оно примерно так:

В первую очередь ннеобходимо подключить две библиотеки, а также стиль для правильного отображения формы. Для этого вставьте данный код между тегами ...:

<script src="//yandex.st/jquery/1.7.2/jquery.min.js"></script>
<script src="//code-live.ru/static/js/wmd/jquery.wmd.min.js"></script>
<link rel="stylesheet" href="//code-live.ru/static/js/wmd/wmd.css">

После этого, в том месте, где находится ваше текстовое поле для добавления комментариев на сайте, нужно добавить css-селектор wmd-input в атрибуты textarea. Приведу вам образец кода для той формы, которую я показал выше:

<div class="wmd-panel">
    <textarea class="wmd-input" placeholder="Введите здесь текст Вашего комментария"></textarea>
</div>
<script>
    $(function() {
        $(".wmd-input").wmd();
    });
</script>

Вот собственно и все. Теперь на вашем сайте будет красоваться симпатичная форма для добавления комментов!