1

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

在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' ]
    })
}}

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

在页面上编辑时是这样的

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

4

2 回答 2

1

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

您总是可以将这些管理范围添加到您的项目级 CSS 中，只要注意它的范围。

于 2017-08-25T12:26:19.760 回答
0

如果有人应该有同样的问题，斯图亚特的答案是正确的（当然）。这是我添加的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;
        }
    }
}
于 2017-08-25T13:43:17.873 回答