撇号 CMS - 富文本预览在管理员视图中不起作用

Question

在自定义内容类型(员工(中，我有一个正文字段。

在libmodulesemployeesindex.js

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

在libmodulesemployees-widgetsviewswidget.html

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

直接在页面上编辑会显示带有工具栏和预览的富文本字段。但是在管理视图中显示工具栏，但预览根本不起作用。看看下面链接的图片：

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

在管理视图中看起来像这样

Answer 1

撇号的管理模式 CSS 被重置，因此模式中的富文本区域不会反映项目级别的样式。这是为了防止项目级别样式干扰重要的撇号 UI。

您始终可以将这些管理范围添加到项目级别 CSS 中，只需注意其覆盖范围即可。

Answer 2

如果有人应该有同样的问题，斯图亚特的答案是正确的(当然(。这是我在libmodulesapostrophe-assetspubliccsssite.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;
}
}
}