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

Question

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

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

在段落标签里面。我的 H4 样式，更重要的是 header 标签的实际重量，没有影响我的文本。

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

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

最终结果必须是客户可以从菜单中 select H4，并且他们的 selection 将被适当地设计和一个实际的 header.

Answer 1

如果您只能使用 DNN 添加 classes，我建议只对 .h4classes 使用 CSS 样式。然后你可以 "match" 普通 h4 元素的样式。

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

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

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？

How to include H4 - H6 in text editor (dnn7)?

javascript

jquery

dotnetnuke

editor

dotnetnuke-7