Checkeditor - Django
Ckeditor - Django
我想知道如何在我的表单中自定义 Ckeditor 文本框。我已经在本地安装了 CKeditor，当我在本地 运行 它工作正常。当我尝试从 CDN 运行 它时，我不知道如何自定义我的文本区域。使用CDN 可以正常显示，但它只是文本区域，没有文本区域的功能。过去两天我一直在寻找答案，但似乎没有任何效果。我的 HTML 表单如下所示：
<div class="spacer1">
<label class="label6">Roster</label>
<textarea class="bushes">
{{ form.procedure }}
</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 模板工作时如何获取工具栏。
提前感谢您的任何建议！
经过大量试验和错误后，我能够确定文本区域内的 {{ form.procedure }} 引用是导致所有 HTML 源代码出现的原因在文本区域。最终我决定我需要恢复到我用来让我想要的配置工作的 django-ckeditor 程序。对于未来的 googlers，我最终能够通过 运行 Django 之外的本机 HTML 代码来帮助自己进行故障排除，以尝试解决发生的问题。我有一些 Ckeditor 的源库冲突，一旦我确定 django 模板引用也让我感到悲伤，我就能够解决所有问题。
我想知道如何在我的表单中自定义 Ckeditor 文本框。我已经在本地安装了 CKeditor，当我在本地 运行 它工作正常。当我尝试从 CDN 运行 它时，我不知道如何自定义我的文本区域。使用CDN 可以正常显示，但它只是文本区域，没有文本区域的功能。过去两天我一直在寻找答案，但似乎没有任何效果。我的 HTML 表单如下所示：
<div class="spacer1">
<label class="label6">Roster</label>
<textarea class="bushes">
{{ form.procedure }}
</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 模板工作时如何获取工具栏。
提前感谢您的任何建议！
经过大量试验和错误后，我能够确定文本区域内的 {{ form.procedure }} 引用是导致所有 HTML 源代码出现的原因在文本区域。最终我决定我需要恢复到我用来让我想要的配置工作的 django-ckeditor 程序。对于未来的 googlers，我最终能够通过 运行 Django 之外的本机 HTML 代码来帮助自己进行故障排除，以尝试解决发生的问题。我有一些 Ckeditor 的源库冲突，一旦我确定 django 模板引用也让我感到悲伤，我就能够解决所有问题。