0

我想弄清楚如何在我的表单中自定义 Ckeditor 文本框。我已经在本地安装了 CKeditor，当我在本地运行它时它工作正常。当我尝试从 CDN 运行它时，我不知道如何自定义我的 textarea。使用 CDN 可以正常显示，但只有文本区域，没有文本区域的功能。过去两天我一直在寻找答案，但似乎没有任何效果。我的 HTML 表单如下所示：

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

当我运行我的应用程序时，它只是向我显示 textarea 中的 django-ckeditor-widget HTML。如下所示：

<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 }} 但无济于事。我正在尝试从 CDN 运行 CKEditor，因为它的加载速度似乎比在我的笔记本电脑上本地运行时要快。

如果有可能，我愿意接受有关是否有其他方法可以让 Ckeditor 在本地加载更快的想法。或者从 CDN 运行它也很好，但我似乎无法弄清楚在使用 CDN 或 Django 模板工作时如何获取工具栏。

在此先感谢您的任何建议！

4

1 回答 1

1

经过大量试验和错误后，我能够确定文本区域内的 {{ form.procedure }} 引用是导致所有 HTML 源代码出现在文本区域中的原因。最终，我确定我需要恢复到我正在使用的 django-ckeditor 程序以使我想要的配置工作。对于未来的谷歌员工，我最终能够通过在 Django 之外运行本机 HTML 代码来帮助自己排除故障，以尝试排除正在发生的事情。我有一些 Ckeditor 的源库相互冲突，一旦我确定 django 模板引用也让我感到有些悲伤，我就能够解决所有问题。

于 2017-08-09T15:17:55.890 回答