After purchasing the Socialite Social Network Laravel Script developed by BootstrapGuru, I encountered an issue with the chat feature on my website. Upon entering text and symbols into the chat window, such as "how are you?", the displayed text appeared as "?how are you".
You can preview the demo here to see the problem firsthand. While awaiting support assistance, I am attempting to troubleshoot the issue independently.
In the Vue Panel of my website, I noticed this discrepancy: https://i.sstatic.net/lOsGH.png
The frontend display showed:
<ul class="list-unstyled chat-conversation-list">
<li class="message-conversation" v-bind:class="[({{ Auth::id() }}==message.user.id) ? 'current-user' : '', ]" v-for="message in chatBox.conversationMessages.data"> <!-- Messages -->
<div class="media">
<div class="media-left">
<a href="#">
<img v-bind:src="message.user.avatar" alt="images">
</a>
</div>
<div class="media-body ">
<p class="post-text" v-html="message.body"></p>
</div>
</div>
</li>
</ul>
I attempted another method to retrieve the message:
<div class="media-body ">
<p class="post-text">
@{{ message.body }}
</p>
</div>
However, the issue persisted. Interestingly, the message was correctly displayed in the recipient's window. Any suggestions on how to properly render the symbols within the message?