看不到tinymce功能

问题描述

我对django并不陌生，对tinymce则完全陌生。我将这些行添加到表单中，但在textarea中看不到tinymce功能。

<form method="post">
  {% csrf_token %}
  {{ form.as_p }}
  {% for error in field.errors %}
          <p style="color: red">{{ error }}</p>
        {% endfor %}
  <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
  <script>tinymce.init({ selector:'textarea' });</script>
  <button type="submit" class="button">Save changes</button>
</form>

解决方法

您的页面上没有<textarea>，因此TinyMCE无法对其进行初始化。以下文档页面概述了使TinyMCE在网页上工作所需执行的操作：

https://www.tiny.cloud/docs/general-configuration-guide/basic-setup/

在该页面上：

TinyMCE集成需要选择器配置。选择器 配置使用CSS选择器语法来确定哪些元素 该页面可以通过TinyMCE编辑。

TinyMCE在视觉上将所选元素替换为iframe（ 可编辑的内容区域）和UI元素（如工具栏，菜单栏， 和状态栏。

以下示例将页面上的所有textarea元素替换为 TinyMCE实例：

tinymce.init({ selector: 'textarea' });

TinyMCE也可以匹配id属性。下面的例子 在页面上用id“ default”替换textarea元素：

tinymce.init({ selector: 'textarea#default' });