Document! X和HelpStudio使用技巧：如何将新样式表添加到您的项目？-控件新闻-慧都网

Document! X和HelpStudio使用技巧：如何将新样式表添加到您的项目？

翻译|使用教程|编辑：况鱼杰|2019-11-25 14:01:36.377|阅读 231 次

概述：本文将介绍如何在项目中包括新的样式表，使您可以自定义文档的外观。您可以通过两种方式将新样式表添加到文档中。

相关链接：

HelpStudio以最快的，最简单的方式创建和出版帮助系统，并与您的桌面或基于网络的应用程序或组件整合起来，包括. NET。

点击下载最新版HelpStudiov2019.1

Document! X包含了最新的制作工具，它允许你在预览自动生成的页面中直接增加内容-自动生成的文档与功能齐全的注释工具的无缝集成。使用Document! X，文档可以在整个设计和开发过程中自动生成，而不需要花费开发人员的资源，同时为开发团队提供了准确和最新的参考，并允许新的开发人员快速的学习新的组件和架构。

点击下载最新版Document! X v2019.1

本文将介绍如何在项目中包括新的样式表，使您可以自定义文档的外观。您可以通过两种方式将新样式表添加到文档中。

在项目中添加新的样式表

您可以在项目中添加一个新的样式表，这对于保留项目特定的更改很有用。

单击Project（项目）功能区选项卡上的New Stylesheet（新建样式表）功能区按钮.
您可以通过在Project Explorer（在Other Files文件夹下）中双击它（或现有的自定义样式表）来编辑它，或者右键单击该样式表并选择Edit。
在样式表编辑器中，单击Add a new Style Rule（添加新样式规则）工具栏按钮，或在编辑器中手动选择输入源视图，然后在编辑器中输入CSS。
在视觉设计器中通过在树中选择自定义样式来对其进行编辑，然后切换到Visual（视觉）视图，或者在Source（源）视图中进行手动编辑。

将新样式表添加到自定义模板

 您可以将样式表添加到自定义模板-这对于在多个项目中使用的公司品牌更改很有用。您可以通过以下方式做到这一点：

打开现有的自定义模板进行编辑，或创建新的自定义模板（有关创建自定义模板的更多信息，请参见Customization（自定义）下的在线帮助）。
在模板编辑器中，选择Other Files（其他文件）页面菜单项。
右键单击packages文件夹，然后选择Open in Windows Explorer（在Windows资源管理器中打开）上下文菜单选项。在此处，您需要创建一个名为Custom的新文件夹，然后在该目录中创建一个名为CSS的新文件夹。
在此文件夹中，您需要创建新的自定义样式表-您可以在记事本中通过在此目录中保存一个名为custom.css的新CSS文件来进行此操作。
返回Document! X和HelpStudio，右键单击packages文件夹，然后选择Add Existing Other File上下文菜单选项-从那里，导航到templates / packages / Custom / CSS目录，然后选择在上一步中创建的样式表。自定义模板应这样添加：
将自定义样式与标准样式表分开可以确保自定义模板可以继续自动获得错误修复和更新，而不会与对标准文件的编辑产生冲突。
导航到自定义模板编辑器左侧菜单上的Page Types（页面类型），在此模板中添加对此样式表的引用，选择顶级页面类型（例如，对于Browser Output，Master.base.html），然后单击Edit（编辑）-您需要引用添加到模板的自定义样式表文件，方法是将其添加到样式表的DXMetadata项上方的页面类型的<;head>中。：

<link rel="stylesheet" type="text/css" href="template/packages/custom/css/custom.css">

您将需要对引用添加到模板Other Files（其他文件）中的自定义模板的所有主题模板以及已添加的每个自定义样式表（包括自定义小册子主题模板）重复这些步骤。Document! X用户将需要将此引用添加到他们正在使用的任何文档模板中，例如自定义.NET Assembly模板。
在某些模板（例如小册子主题模板）中，您将需要为所有页面类型添加此引用，因为它们都位于顶层。
右键单击新添加的样式表并选择Edit（编辑）来打开样式表。
在新添加的样式表中，在样式表编辑器中，单击Add a new Style Rule（添加新样式规则）工具栏按钮，或在编辑器中手动输入CSS，并选择Source（源）视图。
在视觉设计器中通过在树中选择自定义样式表进行编辑，然后切换到Visual（视觉）视图，或者在Source（源）视图中进行手动编辑。

有关创建自定义模板的更多信息，可以查看自定义模板的创建以及使用>>

如果您对上面的问题有什么疑惑或者建议都可以在评论区留言，大家一起讨论。

如果您对HelpStudio和Document! X感兴趣，可以咨询购买正版授权软件。

关注慧聚IT微信公众号 ☟☟☟，了解产品的最新动态及最新资讯。