[PR #73] [MERGED] Adds HTML preview. #2399

New issue

Closed

opened 2026-03-17 00:06:20 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 00:06:20 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/73
Author: @NBTX
Created: 8/28/2019
Status: ✅ Merged
Merged: 8/28/2019
Merged by: @liyasthomas

Base: master ← Head: master

📝 Commits (2)

8912004 Adds HTML preview, solves https://github.com/liyasthomas/postwoman/issues/41
38f6f4e Close preview when a new request is made

📊 Changes

2 files changed (+108 additions, -34 deletions)

View changed files

📝 assets/css/styles.scss (+27 -1)
📝 pages/index.vue (+81 -33)

📄 Description

Resolves #41 - adds an HTML preview toggle-able with the 'Preview HTML' / 'Hide Preview' button in the bottom right of the response area.
When 'Preview HTML' is clicked, the HTML source is covered by a preview of the rendered HTML.

This button only shows when content type is HTML and a response has been submitted.
As always, you can test the changes here: https://nbtx.github.io/postwoman-vue/

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/hoppscotch/hoppscotch/pull/73 **Author:** [@NBTX](https://github.com/NBTX) **Created:** 8/28/2019 **Status:** ✅ Merged **Merged:** 8/28/2019 **Merged by:** [@liyasthomas](https://github.com/liyasthomas) **Base:** `master` ← **Head:** `master` --- ### 📝 Commits (2) - [`8912004`](https://github.com/hoppscotch/hoppscotch/commit/8912004dcc92889adc368faed1be9902aa518924) Adds HTML preview, solves https://github.com/liyasthomas/postwoman/issues/41 - [`38f6f4e`](https://github.com/hoppscotch/hoppscotch/commit/38f6f4ef2eff2976003ce8674045c08b30dc9e73) Close preview when a new request is made ### 📊 Changes **2 files changed** (+108 additions, -34 deletions) <details> <summary>View changed files</summary> 📝 `assets/css/styles.scss` (+27 -1) 📝 `pages/index.vue` (+81 -33) </details> ### 📄 Description Resolves #41 - adds an HTML preview toggle-able with the 'Preview HTML' / 'Hide Preview' button in the bottom right of the response area. When 'Preview HTML' is clicked, the HTML source is covered by a preview of the rendered HTML. This button only shows when content type is HTML and a response has been submitted. As always, you can test the changes here: https://nbtx.github.io/postwoman-vue/ ![image](https://user-images.githubusercontent.com/43181178/63816829-839a0380-c931-11e9-8d25-2a544c48ba06.png) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>