[feat] Editable Text in Preview Mode for Phoenix Code Editor

[charlypa]

Feature Request: Editable Text in Preview Mode for Phoenix Code Editor

Problem Description

PHCode currently does not support text editing directly in the preview mode. This limitation necessitates frequent switching between code and preview modes for text editing, which can be cumbersome and time-consuming, especially for content creators and web developers.

Proposed Solution

Introduce an editable text feature in the preview mode of PHCode. This would allow users to make direct edits in the preview, which would simultaneously update the source code, facilitating real-time content editing.

Key Features

• Synchronized Editing in Preview: Enable text editing in the preview mode with real-time updates to the source code.
• Toggle Option for Editable Preview: Provide a toggle option to enable or disable direct editing in the preview mode, catering to different user preferences.

Additional Context

This feature would significantly enhance the user experience for those who work extensively with HTML, markdown, or similar languages, aligning PHCode with the evolving needs of modern web development and content management.