ChatGPT Code Block Modal Extension
This Chrome extension enhances the ChatGPT interface by adding a modal feature to code blocks. It is designed to provide users with a more focused view of code snippets within ChatGPT's responses, allowing for better readability and interaction.
Features
- Modal View: Clicking on "Open Modal" within any ChatGPT code block will open a modal with the code content for distraction-free reading.
- Easy Navigation: Users can easily close the modal by clicking outside the modal area, returning to the ChatGPT conversation.
- Enhanced Readability: Provides an expanded view of the code, ensuring that longer code blocks are easier to read and understand without leaving the chat interface.
Code Block
Modal with Code
Running this app
Prerequisites
- Google Chrome browser.
Using the Extension
To download and use the extension from the Chrome Web Store:
-
Visit the Chrome Web Store.
-
Search for "ChatGPT Code Block Modal Extension".
-
Click "Add to Chrome" to install the extension.
Running Locally
- Clone the repository:
git clone https://github.com/yourusername/chatgpt-codeblock-modal.git
cd chatgpt-codeblock-modal-
Open the Google Chrome browser and navigate to chrome://extensions/.
-
Enable "Developer mode" at the top right corner.
-
Click on the "Load unpacked" button.
-
Select the directory where you cloned the project to load the extension.
Contributing
Your contributions are welcome. Please feel free to submit pull requests or create issues for bugs and feature requests.