{"id":"69d0d16f5b7a5c37312b26d4","title":"Advanced","path":"how-to/committee/learning-markdown/advanced","contentMarkdown":"# Advanced Content Import\n\nThe text editor has built-in features that make it easy to bring content from other websites into your pages. Rather than manually converting HTML to markdown, you can paste content directly and let the system do the conversion for you.\n\n## Pasting HTML from Another Page\n\nIf you copy content from another website (for example, selecting text and images on a web page and pressing Ctrl+C or Cmd+C), you can paste it directly into the text field in the CMS editor.\n\nWhen the system detects that the pasted content contains HTML, it shows a dialog with three options:\n\n![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/05de47b8-09f6-4017-848f-7fa9f76eed35.png)\n\nThe **HTML content detected** dialog that appears when you paste HTML content into the text field\n\n* **Convert and split into rows** — converts the HTML to markdown and splits the content into separate rows, one for each major section (e.g. each heading and its following text becomes a separate row). This is usually the best option as it gives you a well-structured page that is easy to edit\n* **Convert without splitting** — converts the HTML to markdown and places all the content into the current column as a single block of text. Use this when you want everything in one row\n* **Cancel** — discard the paste\n\n### Base URL for Images\n\nThe dialog also includes a **Base URL** field. If the source page uses relative image paths (e.g. `images/photo.jpg` rather than a full URL), enter the base URL of the source website here so that the images resolve correctly. For example, if you copied from `https://example.com/walks/`, enter that URL and any relative image paths will be prefixed with it.\n\n## Pasting a URL to Fetch and Convert\n\nYou can paste a full web page URL directly into the text field and NGX-Ramblers will fetch the page, extract its content, and convert it to markdown. Two forms of URL are supported:\n\n### 1. Plain URL\n\nA normal URL starting with `http://` or `https://`, for example:\n\n```\nhttps://example.com/news/article\n```\n\nThis is fine for self-contained pages where all links and images already use absolute URLs.\n\n### 2. `view-source:` URL (preferred when the source page uses relative links)\n\nIn Chrome (and most Chromium-based browsers), right-click anywhere on a web page and choose **View page source**. A new tab opens with an address that starts with `view-source:`, for example:\n\n```\nview-source:https://example.com/news/article\n```\n\nCopy that full address from the browser's address bar and paste it straight into the text field. NGX-Ramblers recognises the `view-source:` prefix, strips it, fetches the target page, **and also captures the resolved website base URL** returned by the server. That base URL is then used to rewrite any relative links and images (for example `/images/photo.jpg` or `../page.html`) into fully qualified URLs, so nothing ends up broken when the converted markdown lands on your site.\n\nFor this reason the `view-source:` variant is the **preferred option whenever the source page has lots of relative links or images** — which is most real-world pages. A plain URL will still work, but relative references may not resolve correctly.\n\nWhile the page is being fetched, you will see a **Processing paste...** indicator:\n\n![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/3d02f110-51f7-44ba-ae9b-598c9e33d797.png)\n\nThe system fetching and converting a web page from a pasted URL\n\nOnce the page has been fetched, you will see the same **HTML content detected** dialog with options to convert and optionally split into rows.\n\nThis is a quick way to import content from an existing website without having to manually copy and paste the HTML — just paste the URL and the system does the rest.\n\n## Tips\n\n* **Split into rows** is usually the best choice — it creates a clean, well-structured page where each section can be edited independently\n* If images from the source page appear broken, check that the **Base URL** was set correctly\n* After pasting, review the converted markdown to check for any formatting that needs tidying up — complex HTML layouts may not convert perfectly\n* You can always undo a paste by pressing Ctrl+Z (or Cmd+Z on Mac) immediately afterwards\n* For more about markdown formatting, see the [Learning Markdown](https://ngx-ramblers.org.uk/how-to/committee/learning-markdown) guide\n\n## See Also\n\n* [Learning Markdown](https://ngx-ramblers.org.uk/how-to/committee/learning-markdown) — the basics of markdown formatting\n* [In-line Images](https://ngx-ramblers.org.uk/how-to/committee/images/in-line) — adding images to text columns\n* [Editing Existing Content](https://ngx-ramblers.org.uk/how-to/committee/editing-content/existing-pages) — how to enter site edit mode and save changes","contentHtml":"

Advanced Content Import

\n

The text editor has built-in features that make it easy to bring content from other websites into your pages. Rather than manually converting HTML to markdown, you can paste content directly and let the system do the conversion for you.

\n

Pasting HTML from Another Page

\n

If you copy content from another website (for example, selecting text and images on a web page and pressing Ctrl+C or Cmd+C), you can paste it directly into the text field in the CMS editor.

\n

When the system detects that the pasted content contains HTML, it shows a dialog with three options:

\n

\"\"

\n

The HTML content detected dialog that appears when you paste HTML content into the text field

\n\n

Base URL for Images

\n

The dialog also includes a Base URL field. If the source page uses relative image paths (e.g. images/photo.jpg rather than a full URL), enter the base URL of the source website here so that the images resolve correctly. For example, if you copied from https://example.com/walks/, enter that URL and any relative image paths will be prefixed with it.

\n

Pasting a URL to Fetch and Convert

\n

You can paste a full web page URL directly into the text field and NGX-Ramblers will fetch the page, extract its content, and convert it to markdown. Two forms of URL are supported:

\n

1. Plain URL

\n

A normal URL starting with http:// or https://, for example:

\n
https://example.com/news/article\n
\n

This is fine for self-contained pages where all links and images already use absolute URLs.

\n

2. view-source: URL (preferred when the source page uses relative links)

\n

In Chrome (and most Chromium-based browsers), right-click anywhere on a web page and choose View page source. A new tab opens with an address that starts with view-source:, for example:

\n
view-source:https://example.com/news/article\n
\n

Copy that full address from the browser's address bar and paste it straight into the text field. NGX-Ramblers recognises the view-source: prefix, strips it, fetches the target page, and also captures the resolved website base URL returned by the server. That base URL is then used to rewrite any relative links and images (for example /images/photo.jpg or ../page.html) into fully qualified URLs, so nothing ends up broken when the converted markdown lands on your site.

\n

For this reason the view-source: variant is the preferred option whenever the source page has lots of relative links or images — which is most real-world pages. A plain URL will still work, but relative references may not resolve correctly.

\n

While the page is being fetched, you will see a Processing paste... indicator:

\n

\"\"

\n

The system fetching and converting a web page from a pasted URL

\n

Once the page has been fetched, you will see the same HTML content detected dialog with options to convert and optionally split into rows.

\n

This is a quick way to import content from an existing website without having to manually copy and paste the HTML — just paste the URL and the system does the rest.

\n

Tips

\n\n

See Also

\n\n"}