Embed Code content doesn't use <pre> tag

[abishekrsrikaanth]

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

When adding embedded code content on the admin, the code is not saved inside a <pre> tag, instead it gets saved within a <div class="ql-embed-content" . Below is a screenshot of the body content on the table.

Based on the code review

• https://github.com/austintoddj/canvas/blob/master/resources/js/ui/views/ShowPost.vue#L96
• https://github.com/austintoddj/canvas/blob/master/resources/js/ui/views/ShowPost.vue#L196

The <pre> tags are used to highlight the code.

Expected Behavior

The embedded code needs to use the <pre> tag.

Steps To Reproduce

1. Create a new post
2. Add a Embedded Code content

Environment

- PHP 8.2
- Laravel 10
- MySQL 8

Anything else?

No response