TinyMCE в интерфейсе на WordPress с шаблоном Timber / Twigg - PullRequest
0 голосов
/ 20 января 2020

Я пытаюсь добавить редактор wysiwyg на страницу моего сайта в форме. Я попробовал эти 2 способа, но каждый раз, когда у меня есть только базовая текстовая область без панели инструментов или чего-либо еще.

1-й путь

{% 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 %}

2-й Путь

{% 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 %}

Нет ошибок в консоли ...

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...