H4 - H6을 텍스트 편집기 (dnn7)에 포함시키는 방법은 무엇입니까?

Question

내 고객은 적어도 H4가 필요할 것입니다. 텍스트 편집기에서 H4를 ApplyClass 메뉴에 추가 할 수 있지만이 메서드는 단락 태그 안에

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

을 적용합니다. 내 H4 스타일링, 그리고 더 중요한 것은 헤더 태그의 실제 무게는 텍스트를 치지 않습니다.

jQuery를 변형하거나 try/removeClass를 사용하려고 시도했지만 강한 강점이 아니므로 일부 논리 오류가 발생합니다 (예 : 페이지 편집 버튼이 스팬이기 때문에 숨김). 나는 사용중인 정확한 텍스트 (스팬을 제거한 후 문자열을 대체)에 대한 좋은 대답으로 한 가지 예를 보았습니다. 콘텐츠를 편집 할 때 클라이언트가 "H4"를 클릭 할 수있게하려면이 대답이 적합하지 않습니다.

아니요 DNN7의 광범위한 세계에서 H1-H3이 사는 FormatBlock 메뉴에서 H4-H6을 포함하지 않기위한 요청이나 필요 또는 해결 방법이있는 것으로 보입니다. 아! FormatBlock 메뉴에 H4 - H6을 추가하는 방법이 있습니까, 아니면 JS/jQ 방법으로 ApplyClass 메뉴에서이 클래스를 사용하면 실제로 올바른 헤더를 사용할 수 있습니까?

최종 결과는 클라이언트가 메뉴에서 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 요소를 사용하는 것이 훨씬 더 좋습니다. (또한, 화면 판독기 또는 유사한 소프트웨어를 사용하는 사람들을 위해 더 액세스 할 수 있습니다.)