click to field and fenom breaks output

[jenswittmann]

When I set the magicpreview.click_to_field = true system setting, the output in the preview breaks when I use Fenom. I think this is due to the parser features. Does anyone have any ideas on how to solve this?

[muzzwood]

I've not used Fenom much before but the click to field feature swaps in its own parser, which extends the core MODX parser. This means any parser put in place for pdoTools wouldn't get used for the preview. Sounds like we need to find another way of doing this...

[jenswittmann]

Hej @muzzwood,
Maybe we could add the code for the block using a custom ContentBlocks placeholder [[+mpClickToFieldAttributes]] instead of trying to add the code automatically? This could also be defined as a system setting (clickToField = 1 and clickToFieldAuto = 0)?

<{$level} {$mpClickToFieldAttributes}
    class="
        headline col-full b lh-title
        
        {if $level == 'h2'}
            f6 f8-m
        {/if}

        {if $level == 'h3'}
            f5 f7-m
        {/if}
    "
>
    {$value | jolitypo}
</{$level}>

This is how it is rendered:

<h1 data-magicpreview-field="10" data-magicpreview-idx="0"
    class="
        headline col-full b lh-title
    "
>
    Title
</h1>

Take a look at Statamic — it's similar: https://statamic.com/add-ons/mariohamann/statamic-visual-editor.
This will also make it work with Twig and other parsers.