Question

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

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

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

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

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

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

Answer 1

如果您只能使用DNN添加类，我建议您只为.h4类使用CSS样式。然后你可以＆＃34;匹配＆＃34;正常h4元素的风格。

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

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

Answer 2

如果编辑器为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>

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

2 个答案: