如何在文本编辑器（dnn7）中包含 H4 - H6？

Question

我的客户至少需要 H4。在文本编辑器中，我可以将 H4 添加到 ApplyClass 菜单，但是这个方法应用了一个

<span class="h4"> Sample </span> 

里面有段落标签。我的 H4 样式，更重要的是标题标签的实际重量，没有击中我的文本。

我一直在尝试使用 jQuery 的变体来添加类或删除/删除类，但这不是我的强项，所以我遇到了一些逻辑错误（比如编辑页面按钮被隐藏，因为它是一个跨度）。我确实看到了一个很好的答案示例，该示例专门针对正在使用的精确文本（在去除跨度后替换字符串）。由于我希望客户在编辑内容时能够单击“H4”，因此此答案对我不起作用。

在广阔的 DNN7 世界中，似乎没有要求、需要或解决方法在 H1-H3 所在的 FormatBlock 菜单中不包括 H4-H6。啊！如果我在 ApplyClass 菜单中使用这些类，有没有办法将 H4 - H6 添加到 FormatBlock 菜单中，或者有一种 JS/jQ 方法来实际使用正确的标题？

最终结果必须是客户端可以从菜单中选择 H4，并且他们的选择将具有正确的样式和实际的标题。

Answer 1

如果编辑器是RadEditor，可以编辑配置文件添加h4和h5

在文件夹\DesktopModules\Admin\RadEditorProvider\ToolsFile 中有一个名为toolsfile.xml 的文件。在<paragraphs> 节点下添加额外的项目。

<paragraphs>
    <paragraph name="&lt;P>Standard Paragraph&lt;/P&gt;" value="&lt;P&gt;" />
    <paragraph name="&lt;H1>Heading 1&lt;/H1&gt;" value="&lt;H1&gt;" />
    <paragraph name="&lt;H2>Heading 2&lt;/H2&gt;" value="&lt;H2&gt;" />
    <paragraph name="&lt;H3>Heading 3&lt;/H3&gt;" value="&lt;H3&gt;" />

    <paragraph name="&lt;H4>Heading 4&lt;/H4&gt;" value="&lt;H4&gt;" />
    <paragraph name="&lt;H5>Heading 5&lt;/H5&gt;" value="&lt;H5&gt;" />  

    <paragraph name="&lt;P style='text-align:left'>Justify Left&lt;/P&gt;" value="&lt;P style='text-align:left'&gt;" />
    <paragraph name="&lt;P style='text-align:right'>Justify Right&lt;/P&gt;" value="&lt;P style='text-align:right'&gt;" />
    <paragraph name="&lt;P style='text-align:center'>Justify Center&lt;/P&gt;" value="&lt;P style='text-align:center'&gt;" />
</paragraphs>

Answer 2

如果您只能使用 DNN 添加类，我建议您只为 .h4 类使用 CSS 样式。然后你可以“匹配”普通 h4 元素的样式。

但是，h4 不是一个类，它是一个标记元素，很像 <input /> 或 <span></span>。

使用 CSS 路由应该可以，但是如果可能的话，使用标准的 h4 元素会更好。 （此外，对于那些使用屏幕阅读器或类似软件的人来说，它会更易于访问。）