Как сделать подобные формы?
--------------------------------------------------------------------------------------------------------------------------
хотел бы услышать ваши предложения. я реализовал только вставку кода.
forms.py
class QuestionForm(forms.ModelForm):
class Meta:
model = Questions
fields = ['q_name', 'tags', 'q_text', 'difficult']
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
self.fields['q_text'].widget.attrs.update({'id': 'text_test'}) #переопределяем класс формы основного тектса
шаблон
<div id="test">
<!--<button type="button" onclick="insert()">Вставить фото</button>-->
<button type="button" onclick="insert(' <pre><code>Тут код</code></pre> ')">Вставить код</button>
<!--<button type="button" onclick="insert(' <h1></h1> ')">Вставить заголовок</button>-->
</div>
<script>
function insert (word) {
let inp = document.querySelector('#text_test');
let start = inp.selectionStart;
inp.value = inp.value.substring(0, start) + word +
inp.value.substring(inp.selectionEnd, inp.value.length)
inp.focus();
inp.setSelectionRange(start, start + word.length)
}
</script>
{% autoescape off %}
<div class="question__text js-question-text" itemprop="text description">
{{more_q.q_text}}
</div>
{% endautoescape %}
Работает ок, но из-за
autoescape off html и css воспринимается буквально, а без
autoescape off нормально не отображается
