TypoScript Setup 

This cObject can be used to render a prefix for the human-readable URL fragment.

Prefix, suffix, and fragment are assembled in the custom variable fragmentIdentifier of lib.contentElement.

Default:

plugin.tx_contentslug.urlFragmentPrefix = TEXT
plugin.tx_contentslug.urlFragmentPrefix {
    field = uid
    stdWrap.noTrimWrap = |c|-|
    if.isTrue = {$plugin.tx_contentslug.settings.renderPrefix}
}

Result:

c<uid>-<human-readable-fragment>
c123-section-of-interest

This cObject can be used to render a suffix for the human-readable URL fragment.

Prefix, suffix, and fragment are assembled in the custom variable fragmentIdentifier of lib.contentElement.

Default:

plugin.tx_contentslug.urlFragmentSuffix = TEXT
plugin.tx_contentslug.urlFragmentSuffix {
    field = uid
    stdWrap.noTrimWrap = |-||
    if.isTrue = {$plugin.tx_contentslug.settings.renderSuffix}
}

Result (if activated):

<human-readable-fragment>-<uid>
section-of-interest-123

When activated, fragment links set in the RTE or in TCA fields of type link are replaced with the human-readable fragment identifier.

By default, this extension renders the human-readable fragment as an id attribute on the content element's header. Therefore, a given fragment will not be used for content elements that have a hidden (non-rendered) header.

If you disable this setting, fragment links are replaced even if the content element's header is hidden. You will then need to render this attribute on a different HTML tag. You will also need to hide the checkbox "Set link to #anchor", or migrate the corresponding HTML markup as well.

Recommendation: add the id attribute to the Fluid layout of content elements.

<div id="c{data.uid}" class="frame frame-{data.frame_class} frame-type-{data.CType} frame-layout-{data.layout}{f:if(condition: data.space_before_class, then: ' frame-space-before-{data.space_before_class}')}{f:if(condition: data.space_after_class, then: ' frame-space-after-{data.space_after_class}')}">
    <f:if condition="{data._LOCALIZED_UID}">
        <a id="c{data._LOCALIZED_UID}"></a>
    </f:if>

    <!-- Add these lines: -->
    <f:if condition="{fragmentIdentifier}">
        <div id="{fragmentIdentifier}"></div>
    </f:if>

    <!-- etc. -->
</div>