Как вставить код на страницу текстом

Писал статью Как сделать выпадающий спойлер и озадачился вопросом, а как вставить куски кода в статью, да так чтобы они не выполнялись на странице, а были просто текстом.

Мне помог тег <textarea>.

Берем кусок кода и вставляем между <textarea cols="50" readonly="readonly" rows="5"> и </textarea>. Вот что получается.

Подробнее о <textarea> на странице http://htmlbook.ru/html/TEXTAREA

Но есть и второй способ, это воспользоваться Html Character EnCoder, это онлайн конвертер, он меняет специальные символы кода в их текстовые обозначения. И получается как ниже:

<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

И первый и второй способ хорош, в первом мы не зависим от онлайн конвертера, но с онлайн конвертером удобнее. У обоих есть важный нюанс, если перейти в окно визуального редактора WordPress весь вставленный код с тегом <textarea> и с помощью конвертера собьется и получаться каракули. Проверено на себе.

Поэтому сделаю ка я резерв статьи в txt файле.