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

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樣式。 然后你可以“匹配”普通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>