HTML Imported Fragment not Allowing Text Fields to be Editable

[Lala-Pen]

Hello,

I need to import html files as visual fragments and make certain elements editable so that marketers who don't know how to code can use them. For some reason, the images and buttons work great after importing and converting the html to be more AJO compatible. However, I'm not able to make the text elements (heading, paragraph) editable. It seems strange that AJO would be able to make images and buttons editable but has trouble with text. Has this happened to anyone else?

Text elements HTML:

 <h2 style="margin:0;color: #3D3D3D; font-size: 20px; line-height: 28px;">Ut Enim Ad Minima</h2>
                        <p style="margin:8px 0 0;color: #3D3D3D; font-size: 15px; line-height: 22px;">
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin rutrum enim eget magna.
            </p>

Full fragment HTML:

<!-- START: ID=IM01-v4.2 Full Width Image With Text -->
<table role="none" cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td align="center">
      <img src="https://placehold.co/620x320.png" alt="Alt Text" width="620" style="height: auto; display:block; color: #3D3D3D;" class="full-width">
    </td>
  </tr>
  <tr>
    <td style="padding: 34px 40px 38px;" align="center" valign="top">
      <table role="none" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td align="center">
            <h2 style="margin:0;color: #3D3D3D; font-size: 20px; line-height: 28px;">Ut Enim Ad Minima</h2>
            
            <p style="margin:8px 0 0;color: #3D3D3D; font-size: 15px; line-height: 22px;">
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin rutrum enim eget magna.
            </p>
          </td>
        </tr>
        <tr>
          <td align="center" style=" padding-top: 20px;">
            <!-- START: SECONDARY BUTTON -->
            <table role="none" cellpadding="0" cellspacing="0" border="0" width="164" height="44" style="width:164px;height:44px;border-radius: 3px;" class="button-secondary-light">
              <tr>
                <td align="center" valign="middle">
                  <table role="none" cellpadding="0" cellspacing="0" border="0" style="border-radius: 3px; border: 2px solid #2d2d2d;mso-border-alt: 2px solid #2d2d2d;width:162px;height:42px">
                    <tr>
                      <td align="center" valign="middle" height="44">
                        <a href="https://www.url.com" target="_blank" aria-label="Section CTA Link, opens a new tab" style="color: #2d2d2d; display: inline-block; padding: 12px 0; text-decoration: none; width: 164px; font-size: 15px; line-height: 22px;">Section CTA Link</a>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
            <!-- END: SECONDARY BUTTON -->
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

[AJODev · Accepted solution]

Hello @Lala-Pen ,

Yes, this was done in last year november for project discovery on fragments and havent tested with latest updates.
According to my findings,
In fragments, Its not reading inline URL's.we cant superscript directly through text.Can do by adding html code.yes we cant edit text directly inside the fragment.
Images and buttons are generally detected and made editable automatically, but advanced text formatting and direct editability remain limited.
let me know if i missed any limitation which havent mentioned in documentation.

Thanks

AJODev

[Sukrity_Wadhwa]

Hi @Lala-Pen,

Was the given solution helpful to resolve your query or do you still need more help here? Do let us know. In case the given solution was helpful, then kindly choose it as the 'Correct Reply'.

Thanks!