H4 - H6をテキストエディタ（dnn7）に含めるには？

Question

私のクライアントは少なくともH4の必要があります。テキストエディタで、H4をApplyClassメニューに追加することができますが、このメソッドは段落タグの中に

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

を適用します。私のH4スタイリング、さらに重要なのはヘッダータグの実際の重さは、私のテキストを打つことはありません。

jQueryのバリエーションをaddClassやremove/removeClassにしようとしましたが、強烈なスーツではないので、いくつかのロジックエラーが発生しています（Edit Pageボタンはスパンであるため隠されています）。私は使用中の正確なテキスト（スパンを取り除いた後に文字列を置き換える）のために特別に用意された良い答えを持つ1つの例を見ました。コンテンツを編集しているときにクライアントが「H4」をクリックできるようにしたいので、この回答は私には役に立たないでしょう。

いいえDNN7の幅広い世界では、H1-H3が存在するFormatBlockメニューにH4-H6を含めないための要望または必要性または回避策があるようです。アー！ FormatBlockメニューにH4 - H6を追加する方法、またはApplyClassメニューでこれらのクラスを使用する場合、実際に正しいヘッダーを使用するJS/jQ方法がありますか？

最終結果は、クライアントがメニューからH4を選択することができなければならず、その選択は適切なスタイルと実際のヘッダーになります。

Answer 1

エディタがRadEditorであれば、あなたはfolde \DesktopModules\Admin\RadEditorProvider\ToolsFileでh4とh5

を追加するために設定ファイルを編集することができ、 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要素を使用する方がはるかに優れています。 （また、それはスクリーンリーダーなどのソフトウェアを使用してそれらのためのよりアクセス可能になります。）