Как включить H4 - H6 в текстовый редактор (dnn7)?

Question

У моего клиента будет потребность по крайней мере H4. В текстовом редакторе, я могу добавить H4 в меню ApplyClass, но этот метод применяется

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

внутри тега абзаца там. Мой стиль H4 и, что более важно, фактический вес тега заголовка, не ударяет по моему тексту.

Я пытаюсь использовать jQuery для addClass или remove/removeClass, но это не мой сильный костюм, поэтому я получаю несколько логических ошибок (например, кнопка «Редактировать страницу» скрыта, потому что это диапазон). Я видел один пример с хорошим ответом, который был специально для точного текста (замена строки после удаления диапазона). Поскольку я хочу, чтобы клиент мог нажать «H4», когда они редактируют свой контент, этот ответ не будет работать для меня.

Нет, где в широком мире DNN7, похоже, есть запрос или необходимость или обходное решение для того, чтобы не включать H4-H6 в меню FormatBlock, в котором находится H1-H3. Argh! Есть ли способ добавить H4 - H6 в меню FormatBlock или JS/jQ, чтобы использовать правильный заголовок, если я использую эти классы в меню ApplyClass?

Конечный результат должен быть клиентом, который может выбрать H4 из меню, и их выбор будет соответствующим образом оформлен и фактическим заголовком.

Answer 1

Если редактор RadEditor, вы можете редактировать конфигурационный файл, чтобы добавить h4 и h5

В folde \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> 

Answer 2

Если вы можете добавлять классы только с использованием DNN, я бы предложил просто использовать стили CSS для классов .h4. Тогда вы можете «совместить» стиль обычного элемента h4.

Однако h4 не является классом, это элемент разметки, очень похожий на <input /> или <span></span>.

Использование маршрута CSS должно работать, однако использование стандартного элемента h4 будет намного лучше, если это возможно. (Кроме того, это будет более доступным для тех, кто использует для чтения с экрана или аналогичное программное обеспечение.)