Как отобразить необработанный HTML-блок из Rich Text Editor после запроса Axios?

#node.js #django #vue.js #nuxt.js #rich-text-editor

#node.js #django #vue.js #nuxt.js #rich-text-editor

Вопрос:

Итак, моим бэкэндом является Django с Django Rest API, и там я создаю свои сообщения в блоге, которые отображаются на странице Nuxt с использованием директивы «v-html».

Проблема 1: Загруженные изображения внутри расширенного редактора в Django не отображаются в Nuxt (цель состоит в том, чтобы иметь возможность добавлять изображения в середине сообщения в блоге)

Проблема 2. Codeblocks (блок html-кода с markdown), вставленный в Rich Editor, отображается в Nuxt без каких-либо стилей, тогда как тот же кодовый блок, который вставляется в качестве объекта данных Nuxt, отображается со стилями. (Цель состоит в том, чтобы иметь возможность вставлять кодовые блоки в rich editor, чтобы они отображались в Nuxt со стилями)

В качестве редактора форматированного текста в Django Admin я использую Django-Trumbowyg.

Я искал везде, однако не смог найти правильное решение! Все решения, которые я откопал в Интернете, являются «обходными путями», и, с моей точки зрения, это не так, как должно быть. Я был бы более чем рад, если бы вы могли предоставить ссылку, если это дубликат, или помочь мне найти надежное решение.

🙂

Комментарии:

1. Можете ли вы пояснить, что вы имеете в виду, когда говорите Nuxt объект данных? И было бы полезно, если бы вы могли описать обходной путь, который вы пробовали, и как это не помогло, как вам может понравиться, чтобы это работало иначе.

2. Под «объектом данных Nuxt» я подразумеваю переменную, содержащую html-блок, хранящийся в data(), который обрабатывается на стороне клиента. А что касается обходных путей, я даже не могу найти их снова, но вот аналогичная проблема: ссылка