如何在带有文本区域的symfony2 twig文件中使用TinyMCE编辑器
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编辑器。
我只是得到一个简单的文本区域字段。
请帮我获取微小的MCE编辑器
我建议您在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?您是否清除了浏览器的缓存?
你在twig文件中遵循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
});
相关文章:
- 如何播放部分音频文件
- 从桌面读取python文件时高亮显示代码
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何使用WCF服务和javascript表单post上传.doc文件
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 如何在生成下载文件时显示加载动画
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- Javascript-如何读取json文件中的列并将其保存在Javascript数组中
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何在php文件中获取$.post-ajax传递的值
- 直接下载文件,而不是从window.open(url)
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 使用压缩的JavaScript文件(不是运行时压缩)
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- 包括带有Symfony和Twig javascript和样式的整个文件夹
- 如何在带有文本区域的symfony2 twig文件中使用TinyMCE编辑器
- 如何将Twig变量传递到JS文件中
- 使用Twig动态Javascript文件
- 如何使用Symfony2将JavaScript文件包含到twig模板中