附加自定义 Javascript

编辑此页

该扩展包允许你通过简单地覆盖默认模板，轻松地将自定义 javascript 代码附加到所有 CKEditor 小部件中。在这里，我们将配置 CKEditor 以不通过 DTD 删除空 span。

Twig 模板

默认的 Twig 模板是 "@FOSCKEditor/Form/ckeditor_widget.html.twig"。这个模板有一些块可以根据你的需要进行覆盖。

        1
2
3
4
5
6
        {# app/Resources/views/Form/ckeditor_widget.html.twig #}
{% extends '@FOSCKEditor/Form/ckeditor_widget.html.twig' %}

{% block ckeditor_widget_extra %}
    CKEDITOR.dtd.$removeEmpty['span'] = false;
{% endblock %}
    

然后，只需在配置中将你的模板注册为表单资源，它将覆盖默认模板

        1
2
3
4
        # app/config/config.yml
twig:
    form_themes:
        - "::Form/ckeditor_widget.html.twig"
    

PHP 模板

默认的 PHP 模板是 FOSCKEditorBundle:Form:ckeditor_widget.html.php。这个模板有一些插槽可以根据你的需要进行覆盖。

        1
2
3
4
5
6
        <!-- app/Resources/views/Form/ckeditor_widget.html.php -->
<?php $view->extend('FOSCKEditorBundle:Form:ckeditor_widget.html.php') ?>

<?php $view['slots']->start('ckeditor_widget_extra') ?>
    CKEDITOR.dtd.$removeEmpty['span'] = false;
<?php $view['slots']->stop() ?>
    

        1
2
3
4
5
6
        # app/config/config.yml
framework:
    templating:
        form:
            resources:
                - "::Form"
    

这项工作，包括代码示例，已获得 Creative Commons BY-SA 3.0 许可协议的许可。

版本