CKEditor 未与 easyadmin 集成显示

Posted

技术标签:

【中文标题】CKEditor 未与 easyadmin 集成显示【英文标题】:CKEditor not showing with easyadmin integration 【发布时间】:2020-02-17 12:33:24 【问题描述】:

我创建了一个新的 Symfony4 项目并安装了 EasyAdmin 包(工作正常)。 我尝试按照文档集成 CKeditor:https://symfony.com/doc/master/bundles/EasyAdminBundle/integration/ivoryckeditorbundle.html

这是我的 easyadmin.yaml:

 easy_admin:
    entities:
       TestPage:
            class: App\Entity\TestPage
            form:
                fields:
                    -  property: 'content', type: 'fos_ckeditor', type_options:  'config':  'toolbar': [  name: 'styles', items: ['Bold', 'Italic', 'BulletedList', 'Link']  ]   

这里是我的 fos_ckeditor.yaml:

twig:
    form_themes:
        - '@FOSCKEditor/Form/ckeditor_widget.html.twig'
fos_ck_editor:
    input_sync: true
    default_config: base_config
    configs:
        base_config:
            toolbar:
                -  name: "styles", items: ['Bold', 'Italic', 'BulletedList', 'Link'] 

问题仍然是显示的常规文本区域,而不是 ckeditor 富文本区域。

我试图清除缓存,在 twig.yaml 中添加“-'@FOSCKEditor/Form/ckeditor_widget.html.twig'”,但我仍然看不到 ckeditor 工具栏。 有人知道我缺少什么吗? 谢谢!

【问题讨论】:

【参考方案1】: git 上的

vkhramtsov 刚刚建议我将“@FOSCKEditor/Form/ckeditor_widget.html.twig”表单主题添加到“config/packages/”中的“easyadmin:design:form_theme:list” easy_admin.yaml”像这样:

easy_admin:
design:
    form_theme: # Both themes are needed for ckeditor integration
        - "@EasyAdmin/form/bootstrap_4.html.twig"
        - "@FOSCKEditor/Form/ckeditor_widget.html.twig"

这解决了我的问题。我认为文档需要更新。他们建议放置表单模板的位置目前(twig:form_themes)不起作用。

【讨论】:

以上是关于CKEditor 未与 easyadmin 集成显示的主要内容,如果未能解决你的问题,请参考以下文章

将CKEditor集成到Java开发环境中

vue集成CKEditor构建框架的使用,遇到富文本框不出现工具栏等操作

如何将自定义文件浏览器/上传与 CKEditor 集成?

CKEditor 版本 4.5.3 与 ASP.NET 集成

Flask 项目集成富文本编辑器 CKeditor

将奏鸣曲媒体与奏鸣曲格式化程序ckeditor集成的图像限制文件大小