Loading ...

Apostrophe adds incorrect characters after posting in Articles. | Communifire Support

Home » Spaces » Communifire Support » forum » Report Bugs and Issues » Apostrophe adds incorrect characters after posting in Articles.
Communifire Support

Leave Space :

Are you sure you want to leave this space?

Join this space:

Join this space?

Add a new tab

Add a hyperlink to the space navigation. You can link to internal or external web pages. Enter the Tab name and Tab URL. Upload or choose an icon. Then click Save.

The name that will appear in the space navigation.
The url can point to an internal or external web page.
Login to follow, share, and participate in this space.
Don’t have a support community login?Create your account now
Posted in: Report Bugs and Issues

Apostrophe adds incorrect characters after posting in Articles.

Subscribe to RSS
  • pbabuder

    When using an Apostrophe, for example in a possessive case, the published word adds characters in lieu of the apostrophe. Any way around this?

     

  • gskamau

    Hey Pam,

    How are you creating the content where you see this? Are you copying and pasting from somewhere?

    Grace

  • pbabuder

    No, I am not copy or pasting. I am typing TEEMA's - and while in the article itself; or in notifications it shows up correctly, it does not show up correctly in our Home Page Featured article. 

  • gskamau

    Hey Pam,

    This is an HTML encoding issue in a Page Builder template. To fix it, you'll need to find which template has the issue.

    First, to find out which template has the error, edit your homepage then click the gear icon on the widget, click edit properties, and click the Templates tab.

    Next, go to  Page Builder Templates and Edit Page Builder Template. Copy and paste the template code here.

    Grace

  • pbabuder

    Hi, 

    Thank you! It is the Card Deck Template: Here is the code (let me know if this is what you are referring to.)

    <div class="axero-widget {{CustomCSSClass}} {{#if HideContainerBorder}}axero-widget-no-border{{/if}}">

    {{#if ShowWidgetHeader}}
    <div class="axero-widget-header">
    <h3>{{WidgetTitle}}</h3>
    </div>
    {{/if}}

    <div class="axero-widget-content">
    <ul class="thumbnails ax-magazine-hero">

    {{#each Contents}}
    <li class="span4">
    <div class="thumbnail">
    <a href="{{ContentURL}}"><img src="{{ContentImageURL}}" style="width:100%;" alt="{{{Title}}}" /></a>
    <div class="hero-overlay">
    <h4><a title="{{{Title}}}" href="{{ContentURL}}">{{Title}}</a></h4>
    <p class="meta small">{{DateCreatedString}}&nbsp;⋅&nbsp;<i class="icon-comment"></i>{{CommentCount}}</p>
    <p class="description">{{{Summary}}}</p>
    </div>
    </div>
    </li>
    {{/each}}

    </ul>
    </div>

    {{#if ShowWidgetFooter}}
    <div class="axero-widget-footer">
    <a class="small" href="#">View all <i class="icon-double-angle-right"></i></a>
    </div>
    {{/if}}

    </div>

  • gskamau
    Answered

    Hey Pam,

    The content Title needs 3 curly braces around it instead of two in order to decode HTML symbols. Use the following code for your Card Deck template.

    <div class="axero-widget {{CustomCSSClass}} {{#if HideContainerBorder}}axero-widget-no-border{{/if}}">
    
    {{#if ShowWidgetHeader}}
    <div class="axero-widget-header">
    <h3>{{WidgetTitle}}</h3>
    </div>
    {{/if}}
    
    <div class="axero-widget-content">
    <ul class="thumbnails ax-magazine-hero">
    
    {{#each Contents}}
    <li class="span4">
    <div class="thumbnail">
    <a href="{{ContentURL}}"><img src="{{ContentImageURL}}" style="width:100%;" alt="{{{Title}}}" /></a>
    <div class="hero-overlay">
    <h4><a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a></h4>
    <p class="meta small">{{DateCreatedString}}&nbsp;⋅&nbsp;<i class="icon-comment"></i>{{CommentCount}}</p>
    <p class="description">{{{Summary}}}</p>
    </div>
    </div>
    </li>
    {{/each}}
    
    </ul>
    </div>
    
    {{#if ShowWidgetFooter}}
    <div class="axero-widget-footer">
    <a class="small" href="#">View all <i class="icon-double-angle-right"></i></a>
    </div>
    {{/if}}
    
    </div>

    Grace

  • pbabuder

    Bingo! Thank you!

  • c_delacerda

    Hi Grace, 

    I am having the same issue, but when I tried copying this code into the template the formatting was off. Pam may have had issues with the Card Deck (3 Across), but I'm experiencing the same issue with Card Deck (2 Across). Should I copy and paste the code in to see what edits need to be made on our end?

    Thank you,

    Christy 

  • gskamau

    Hey Christine,

    Yes, please share the template code here.

    Grace

  • c_delacerda

    <div class="axero-widget {{CustomCSSClass}} {{#if HideContainerBorder}}axero-widget-no-border{{/if}}">
    {{#if ShowWidgetHeader}}
    <div class="axero-widget-header">
    <h3>{{{WidgetTitle}}}</h3>
    </div>
    {{/if}}

    <div class="axero-widget-content axero-widget-content-padded">
    <ul class="thumbnails ax-magazine-hero two-across">
    {{#each Contents}}
    <li class="span6">
    <div class="thumbnail">
    <a href="{{ContentURL}}"><img src="{{ContentImageURL}}" style="width:100%;" alt="{{{Title}}}" /></a>
    <div class="hero-overlay">
    <h4><a title="{{{Title}}}" href="{{ContentURL}}">{{Title}}</a></h4>
    <p class="description">{{{Summary}}}</p>
    <div class="p-user">
    <div class="p-avatar">
    <a href="{{AuthorUserProfileURL}}"><img src="{{AuthorUserAvatarImageURL}}" alt="{{{AuthorUserDisplayName}}}" /></a>
    </div>
    <div class="p-user-info">
    <div class="p-user-name">
    <a class="axero-user-card-link" data-user="{{{AuthorUserID}}}" href="{{AuthorUserProfileURL}}" title="{{{AuthorUserDisplayName}}}">{{{AuthorUserDisplayName}}}</a>
    </div>
    <div class="p-publish-date">
    {{DateCreatedString}}&nbsp;&nbsp;⋅&nbsp;&nbsp;<i class="icon-comment"></i> {{CommentCount}}
    </div>
    </div>
    </div>
    </div>
    </div>
    </li>
    {{/each}}

    </ul>
    </div>

    {{#if ShowWidgetFooter}}
    <div class="axero-widget-footer">
    <a class="small hide" href="#">{{Resources.GlobalAllSmallText}} <i class="icon-double-angle-right"></i></a>
    </div>
    {{/if}}

    </div>

  • gskamau

    Hey Christine,

    Replace {{Title}} with {{{Title}}} , or copy the code below.

    <div class="axero-widget {{CustomCSSClass}} {{#if HideContainerBorder}}axero-widget-no-border{{/if}}">
    {{#if ShowWidgetHeader}}
    <div class="axero-widget-header">
    <h3>{{{WidgetTitle}}}</h3>
    </div>
    {{/if}}
    
    <div class="axero-widget-content axero-widget-content-padded">
    <ul class="thumbnails ax-magazine-hero two-across">
    {{#each Contents}}
    <li class="span6">
    <div class="thumbnail">
    <a href="{{ContentURL}}"><img src="{{ContentImageURL}}" style="width:100%;" alt="{{{Title}}}" /></a>
    <div class="hero-overlay">
    <h4><a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a></h4>
    <p class="description">{{{Summary}}}</p>
    <div class="p-user">
    <div class="p-avatar">
    <a href="{{AuthorUserProfileURL}}"><img src="{{AuthorUserAvatarImageURL}}" alt="{{{AuthorUserDisplayName}}}" /></a>
    </div>
    <div class="p-user-info">
    <div class="p-user-name">
    <a class="axero-user-card-link" data-user="{{{AuthorUserID}}}" href="{{AuthorUserProfileURL}}" title="{{{AuthorUserDisplayName}}}">{{{AuthorUserDisplayName}}}</a>
    </div>
    <div class="p-publish-date">
    {{DateCreatedString}}&nbsp;&nbsp;⋅&nbsp;&nbsp;<i class="icon-comment"></i> {{CommentCount}}
    </div>
    </div>
    </div>
    </div>
    </div>
    </li>
    {{/each}}
    
    </ul>
    </div>
    
    {{#if ShowWidgetFooter}}
    <div class="axero-widget-footer">
    <a class="small hide" href="#">{{Resources.GlobalAllSmallText}} <i class="icon-double-angle-right"></i></a>
    </div>
    {{/if}}
    
    </div>

    Grace

  • c_delacerda

    That did the trick - thank you!

  • raghav_khunger

    Hi Christine,

    The tripple stash was needed in order to escape HTML special characters.

    Source: https://handlebarsjs.com/

    Thanks,
    Raghav

Page 1 of 1 (13 items)