TinyMCE位于WordPress前端，带有木材/树枝模板

我正在尝试将所见即所得编辑器添加到表单上的网站页面。我尝试了这两种方法，但每次我只有一个基本的文本区域，没有工具栏或任何东西

第一路

{% extends "twig/layout/base.twig" %}

{% block javascripts %}
    <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>

    <script>
      tinymce.init({
        selector: '#mytextarea'
      });
    </script>
{% endblock %}

{% block content %}

{#  code before  #}

                            <div class="form-group double required">
                                <label for="description">{{ post.get_field('label_description') }}</label>
                                <textarea id="mytextarea" tabindex="-1" name="description" class="form-control input-description" placeholder="{{ post.get_field('placeholder_description') }}" rows="6" minlength="1" required></textarea>
                            </div>

{#  code after  #}      

{% endblock %}

{% extends "twig/layout/base.twig" %}

{% block javascripts %}
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script type="text/javascript">
    tinymce.init({
        mode : "specific_textareas",
        editor_selector :"tinymce-enabled"
    });
</script>

{% endblock %}

{% block content %}

{#  code before  #}

                            <div class="form-group double required">
                                <label for="description">{{ post.get_field('label_description') }}</label>
                                <textarea id="mytextarea" tabindex="-1" name="description" class="tinymce-enabled form-control input-description" placeholder="{{ post.get_field('placeholder_description') }}" rows="6" minlength="1" required></textarea>
                            </div>

{#  code after  #}      

{% endblock %}

{%extensed“twig/layout/base.twig”%}
{%block javascripts%}
tinymce.init({
选择器：“#mytextarea”
});
{%endblock%}
{%block content%}
{#在#之前编码}
{{post.get_字段（'label_description'）}
{#后面的代码}
{%endblock%}

第二条道路

{% extends "twig/layout/base.twig" %}

{% block javascripts %}
    <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>

    <script>
      tinymce.init({
        selector: '#mytextarea'
      });
    </script>
{% endblock %}

{% block content %}

{#  code before  #}

                            <div class="form-group double required">
                                <label for="description">{{ post.get_field('label_description') }}</label>
                                <textarea id="mytextarea" tabindex="-1" name="description" class="form-control input-description" placeholder="{{ post.get_field('placeholder_description') }}" rows="6" minlength="1" required></textarea>
                            </div>

{#  code after  #}      

{% endblock %}

{% extends "twig/layout/base.twig" %}

{% block javascripts %}
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script type="text/javascript">
    tinymce.init({
        mode : "specific_textareas",
        editor_selector :"tinymce-enabled"
    });
</script>

{% endblock %}

{% block content %}

{#  code before  #}

                            <div class="form-group double required">
                                <label for="description">{{ post.get_field('label_description') }}</label>
                                <textarea id="mytextarea" tabindex="-1" name="description" class="tinymce-enabled form-control input-description" placeholder="{{ post.get_field('placeholder_description') }}" rows="6" minlength="1" required></textarea>
                            </div>

{#  code after  #}      

{% endblock %}

{%extensed“twig/layout/base.twig”%}
{%block javascripts%}
tinymce.init({
模式：“特定区域”，
编辑器\u选择器：“tinymce已启用”
});
{%endblock%}
{%block content%}
{#在#之前编码}
{{post.get_字段（'label_description'）}
{#后面的代码}
{%endblock%}

---

控制台中没有错误…

twig/layout/base是否

twig

实际上包含一个名为

javascripts

的块？验证javascript是否被注入到生成的source@DarkBee你的权利！我忘了。。。