[英]How to use TinyMCE editor in symfony2 twig file with textarea
我無法將 TinyMCE 編輯器放入我的樹枝文件中。 我的樹枝文件代碼如下
{% 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
)
));
現在我的問題是我無法看到我的內容文本區域的 tinyMce 編輯器..
我只是得到一個簡單的 textarea 字段。
請幫我獲取tinyMCE編輯器
我建議您在 Twig 模板中使用{{ tinymce_init() }}
函數(它可以使您免於使用{{ asset() }}
)並使用 app/config/config.yml 文件配置 TinyMCE 。 使用<teaxtarea>
上的“.tinymce”選擇器和“tinymce”類,它應該可以工作。 TinyMCE 配置在其文檔中有詳細說明。
我建議你這個簡單的配置:
stfalcon_tinymce:
include_jquery: false
tinymce_jquery: true
selector: ".tinymce"
您是否檢查過 TinyMCE 是否正確安裝在您的包中? 運行php app/console assets:install web --symlink
命令時是否看到 TinyMCE? 您是否清除了瀏覽器的緩存?
您正在關注樹枝文件中的 JavaScript 使用
包括在本腳本中http://tinymce.cachefly.net/4.0/tinymce.min.js
<script src="http://tinymce.cachefly.net/4.0/tinymce.min.js"></script>
tinymce.init({
selector: '.absurls',
plugins: 'link image code',
relative_urls: false
});
tinymce.init({
selector: '#abshosturls',
plugins: 'link image code',
relative_urls: false,
remove_script_host: false
});
tinymce.init({
selector: '#relurls',
plugins: 'link image code',
relative_urls: true
});
tinymce.init({
selector: '#relurlstopage',
plugins: 'link image code',
relative_urls: true,
document_base_url: 'http://www.tinymce.com/tryit/'
});
tinymce.init({
selector: "#nourlconvert",
plugins: 'link image code',
convert_urls: false
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.