我安装了ckeditor 3.6 ,在提交文字时候,页面并没有按照所选格式显示文字样式,请问是啥问题呢?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我安装了ckeditor 3.6 ,在提交文字时候,页面并没有按照所选格式显示文字样式,请问是啥问题呢?相关的知识,希望对你有一定的参考价值。

参考技术A 问题可能出在输出阶段,页面的其他样式影响到了文字内容内部样式。

CKEditor 未与 easyadmin 集成显示

【中文标题】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 3.6 ,在提交文字时候,页面并没有按照所选格式显示文字样式,请问是啥问题呢?的主要内容,如果未能解决你的问题,请参考以下文章

使用CKEditor,提交内容到数据库,再取回时,显示出来的是html代码,请问怎么只显示文字效果?

JSP读出ckeditor编辑的文字时,如何去掉格式?

Ckeditor更新textarea

ckeditor 更新文本区域

CKeditor 在提交某些 html 标签时返回 403

CKEDITOR 在首次提交时不通过 ajax 提交数据