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

Javascript 如何在文本编辑器(dnn7)中包含H4-H6?,javascript,jquery,editor,dotnetnuke,dotnetnuke-7,Javascript,Jquery,Editor,Dotnetnuke,Dotnetnuke 7,我的客户至少需要H4。在文本编辑器中,我可以将H4添加到ApplyClass菜单,但此方法应用 <span class="h4"> Sample </span> 示例 在段落标记中。我的H4样式,更重要的是标题标签的实际重量,没有击中我的文本 我一直在尝试jQuery的各种变体来添加类或删除/删除类,但这不是我的强项,所以我遇到了一些逻辑错误(比如编辑页面按钮是隐藏的,因为它是一个span)。我确实看到了一个例子,其中有一个很好的答案,专门针对正在使用的精确文本(去

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

<span class="h4"> Sample </span> 
示例
在段落标记中。我的H4样式,更重要的是标题标签的实际重量,没有击中我的文本

我一直在尝试jQuery的各种变体来添加类或删除/删除类,但这不是我的强项,所以我遇到了一些逻辑错误(比如编辑页面按钮是隐藏的,因为它是一个span)。我确实看到了一个例子,其中有一个很好的答案,专门针对正在使用的精确文本(去掉span后替换字符串)。因为我希望客户端在编辑内容时能够单击“H4”,所以这个答案对我来说不起作用

在DNN7的广袤世界中,似乎没有要求、需要或解决办法在H1-H3活动的FormatBlock菜单中不包括H4-H6。啊!如果我在ApplyClass菜单中使用这些类,是否有办法将H4-H6添加到FormatBlock菜单中,或者有一种JS/jQ方式来实际使用正确的头文件


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

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

然而,h4不是一个类,它是一个标记元素,很像


使用CSS路由应该可以,但是如果可能的话,使用标准h4元素会更好。(而且,对于那些使用屏幕阅读器或类似软件的人来说,它将更容易访问。)

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

然而,h4不是一个类,它是一个标记元素,很像


使用CSS路由应该可以,但是如果可能的话,使用标准h4元素会更好。(另外,对于使用屏幕阅读器或类似软件的用户来说,它更容易访问。)

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

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

<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>

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

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

<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>


客户端很可能无法编辑HTML选项卡上的内容。因此,需要在一个文本编辑器菜单或一些可点击的东西中提供它。感谢您的快速回复:)客户端很可能无法编辑HTML选项卡上的内容。因此,需要在一个文本编辑器菜单或一些可点击的东西中提供它。感谢您的快速响应:)测试花了一些时间,但此选项正是所需的。非常感谢。测试花了一段时间,但这个选项正是我们所需要的。非常感谢。