как находить кусочки кода в текстовом поле и показывать их в pre code

У меня на сайте есть два текстовых поля, первое для текста, который я буду выводить в элементе p, а второй для кода, а второе для кода, который будет в элементе pre code. Но это не совсем удобно, так как сначала пользватель должен написать весть текст, а потом код, то есть я не могу где то посредине написать кусочек кода. Я хочу сделать одно поле для текста и кода, а код когда буду его писать, то нужно выделять его следующими тремя симловами (```). Как мне переберать все данные из текстового поля и отнести их каждый к своему элементу? (все данные из текстового поля я храню в БД)