Question

我无法将TinyMCE编辑器放入我的twig文件中。我的twig文件代码如下

{% block content %}
    {{ tinymce_init() }}
    <div class="content">
        <h2 class="pg-title">Add emailTemplate</h2>

        <div class="specialty adProvier">
            <form action="{{ path('_admin_new_emailTemplate') }}" method="post" {{ form_enctype(form) }} class="specialtyForm" id="add-emailTemplate">

                {{ form_row(form._token) }}

                {{ form_row(form.templateKeyword) }}

                {{ form_row(form.senderEmail) }}

                {{ form_row(form.translations)}}

                {{ form_row(form.isActive) }}                

                {{ form_rest(form) }}

                <div class="buttons">
                    <input type="submit" id="save" class="button" value="Save" />
                    <input type="button" id="cancel" class="button" value="Cancel" />
                </div>
            </form>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
<script type="text/javascript" src="{{ asset('bundles/dashboardadmin/js/admin.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/stfalcontinymce/js/init.jquery.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/stfalcontinymce/js/init.standard.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/stfalcontinymce/js/ready.min.js') }}"></script>

<script type="text/javascript">
tinymce.init({

    selector: 'textarea',
});

    </script>
{% endblock %}

我的表单构建器文件具有以下代码：

$builder->add('content', 'textarea', array(
            'attr' => array(
                'label' => 'Content:',
                'class' => 'tinymce',
                'data-theme' => 'simple' // simple, advanced, bbcode
            )
        ));

现在我的问题是我无法看到我的Content textarea的tinyMce编辑器。

我只是得到一个简单的textarea字段。

请帮助我获取tinyMCE编辑器

Answer 1

我建议您在Twig模板中使用{{ tinymce_init() }}功能（这样可以避免使用{{ asset() }}）和configure TinyMCE with app/config/config.yml file。使用“.tinymce”选择器和<teaxtarea>上的“tinymce”类，它应该可以正常工作。 TinyMCE configuration is detailed in its documentation。

我建议你这个简单的配置：

stfalcon_tinymce:
    include_jquery: false
    tinymce_jquery: true
    selector: ".tinymce"

您是否检查过TinyMCE已正确安装在捆绑包中？在运行php app/console assets:install web --symlink命令时，您看到TinyMCE吗？你清除了浏览器的缓存了吗？

Answer 2

您正在使用twig文件中的JavaScript

包含在这篇文章http://tinymce.cachefly.net/4.0/tinymce.min.js

中

tinymce.init（{ 选择器：'。absurls'，插件：'链接图片代码'， relative_urls：false }）;

tinymce.init（{ 选择器：'＃abshosturls'，插件：'链接图片代码'， relative_urls：false， remove_script_host：false }）;

tinymce.init（{ 选择器：'#relurls'，插件：'链接图片代码'， relative_urls：是的 }）;

tinymce.init（{ 选择器：'#relurlstopage'，插件：'链接图片代码'， relative_urls：是的， document_base_url：'http://www.tinymce.com/tryit/' }）;

tinymce.init（{ 选择器：“#nourlconvert”，插件：'链接图片代码'， convert_urls：false }）;

如何在textarea的symfony2 twig文件中使用TinyMCE编辑器

2 个答案: