Ckeditor - Джанго

Question

Я пытаюсь выяснить, как настроить текстовое поле Ckeditor в моей форме. Я установил CKeditor локально, и он работает нормально, когда я запускаю его локально. Когда я пытаюсь запустить его из CDN, я не могу понять, как настроить мою текстовую область. Он будет хорошо отображаться с использованием CDN, но это только текстовая область, без функций для текстовой области. Я провел последние два дня в поисках ответа, но ничего не получается. Моя HTML-форма выглядит так:

<div class="spacer1">
  <label class="label6">Roster</label>
  <textarea class="bushes">
    {{ form.procedure }}
  </textarea>

Когда я запускаю свое приложение, оно просто показывает мне HTML-код django-ckeditor в текстовой области. Как показано ниже:

<div class="django-ckeditor-widget" data-field-id="id_procedure" style="display: inline-block;">
    <textarea cols="40" id="id_procedure" maxlength="2000" name="procedure" rows="10" required data-processed="0" data-config="{"skin": "moono-lisa", "toolbar_Basic": [["Source", "-", "Bold", "Italic"]], "toolbar_Full": [["Styles", "Format", "Bold", "Italic", "Underline", "Strike", "SpellChecker", "Undo", "Redo"], ["Link", "Unlink", "Anchor"], ["Image", "Flash", "Table", "HorizontalRule"], ["TextColor", "BGColor"], ["Smiley", "SpecialChar"], ["Source"]], "toolbar": "Full", "height": 291, "width": 835, "filebrowserWindowWidth": 940, "filebrowserWindowHeight": 725, "language": "en-us"}" data-external-plugin-resources="[]" data-id="id_procedure" data-type="ckeditortype">

Если я пытаюсь отобразить форму в своем HTML как form.as_p, она работает нормально, когда я пытаюсь настроить эту часть моей формы django, она не будет работать. Я не фанат отображения form.as_p по умолчанию, мне нужно иметь возможность настроить внешний вид формы. Я также пытался сделать {{ form.procedure|safe|escape }}, но безрезультатно. Я пытаюсь запустить CKEditor из CDN, так как он загружается быстрее, чем если бы он работал локально на моем ноутбуке.

Я открыт для идей о том, есть ли другие способы запустить Ckeditor для быстрой загрузки локально, если это возможно. Или запускать его из CDN тоже хорошо, но я не могу понять, как получить панель инструментов при использовании CDN или шаблона Django для работы.

Спасибо заранее за любые предложения!

Answer 1

После многих проб и ошибок я смог определить, что ссылка {{ form.procedure }} внутри текстовой области является причиной появления всего исходного кода HTML в текстовой области. В конечном итоге я решил, что мне нужно вернуться к программе django-ckeditor, которую я использовал, чтобы заставить мою желаемую конфигурацию работать. Для будущих гуглеров я в конечном итоге смог помочь себе в устранении неполадок, запустив собственный HTML-код за пределами Django, чтобы попытаться выяснить, что происходит. У меня было несколько конфликтующих исходных библиотек для Ckeditor, и как только я определил, что ссылка на шаблон django также вызывает у меня некоторое горе, я смог все уладить.