撇号cms – 富文本预览不能在pipe理员视图中工作

在自定义内容types(员工)中,我有一个正文字段。

lib\modules\employees\index.js

 addFields: [ { name: 'body', label: 'Beskrivelse', type: 'area', options: { widgets: { 'apostrophe-rich-text': { toolbar: ['Bold', 'Italic', 'Link', 'Unlink'] } } } } ] 

lib\modules\employees-widgets\views\widget.html

 {{ apos.singleton(piece, 'body', 'apostrophe-rich-text', { toolbar: [ 'Bold', 'Italic', 'Link', 'Unlink' ] }) }} 

直接在页面上编辑显示带有工具栏和预览的富文本字段。 但在pipe理视图中,工具栏显示,但预览根本不工作。 看下面链接的图片:

在页面上编辑时看起来像这样

它在pipe理视图中看起来像这样

撇号的pipe理模式的CSS被重置,所以模式中的丰富文本区域不反映项目级别样式。 这是为了防止项目级别的样式干扰重要的撇号UI。

您可以随时将这些pipe理范围添加到您的项目级别的CSS,只需注意其范围。

如果有人应该有同样的问题,斯图亚特答案是正确的(当然)。 以下是我在lib\modules\apostrophe-assets\public\css\site.less ,以使其适用于我。 你可能想添加更多的选项或调整口味:)

 .apos-ui { .apos-rich-text { h1 { font-size: 2em; } h2 { font-size: 1.6em; } h3 { font-size: 1.3em; } h1, h2, h3 { margin: 1em 0; font-weight: bold; } p { margin-bottom: 1em; } a { color: darkblue; } strong, b { font-weight: bold; } i, em { font-style: italic; } } }