Troubleshooting issues with links in the new article editor

<p>When you move to the new article editor, you may encounter issues with hyperlinks. For example, links appear at the top of your article, changes do not save as expected, or the page jumps to the top while you work.</p><p>These issues are common in early access programs or right after you migrate from the legacy article editor to the new editor.</p><p>This article covers:</p><div style="margin-bottom: 20px; text-align: right;">
<button id="master-toggle" class="btn fw-semibold text-dark" data-action="expand" style="background-color: #DEF991; border: none; outline: none; border-radius: 7px; padding: 10px 20px; font-size: 15px; transition: background-color 0.2s ease;" onmouseover="this.style.backgroundColor='#cbef6d'" onmouseout="this.style.backgroundColor='#DEF991'">
Expand all tabs
</button>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
const toggleBtn = document.getElementById('master-toggle');

toggleBtn.addEventListener('click', function () {
const action = this.getAttribute('data-action');
const headers = document.querySelectorAll('.accordion');

headers.forEach(header => {
const isActive = header.classList.contains('active');
const panel = header.nextElementSibling; // Grabs the corresponding .panel container

if (action === 'expand' && !isActive) {
// Open it by simulating a standard click
header.click();
} else if (action === 'collapse' && isActive) {
// Close it by simulating a standard click
header.click();
}
});

// Flip button text and states
if (action === 'expand') {
this.setAttribute('data-action', 'collapse');
this.textContent = 'Collapse all tabs';
} else {
this.setAttribute('data-action', 'expand');
this.textContent = 'Expand all tabs';
}
});
});
</script><div class="accordion"><h3 id="h_01K9WT2W4FAJPK4PZGQR18ZMTF">Immediate workarounds</h3></div><div class="panel">
<p>If you see these issues, switch to the legacy editor.</p>
<p>To do this:</p>
<ol>
<li data-list-item-id="e5548b7bb22b70a8f5ff374224c331171">In the <strong>Article settings</strong> panel, select <strong>Switch to legacy editor</strong><br><img class="wysiwyg-image-resized" style="aspect-ratio: 1986/1146; width: 57.8%;" src="https://support.zendesk.com/hc/article_attachments/10569921752730" alt="new article editor" width="1986" height="1146">
</li>
<li data-list-item-id="e53a08975fcc410bb2112c37123e25362">Update the hyperlink in the legacy editor</li>
<li data-list-item-id="e1830f1b4d60000a6dc53369c7c279583">Switch back to the new article editor</li>
<li data-list-item-id="e6b8b8ff860edbb8059604aa3260f6bed">When you switch editors, use the feedback prompt to report the issue to the engineering team</li>
</ol>
<p>If the visual editor does not update links, edit them in HTML:</p>
<ol>
<li data-list-item-id="e508ff5f84d7dade6aea054061f839060">Open the article in the new article editor</li>
<li data-list-item-id="e348a4e6fae76d81b58e66359acfc1643">Click the <strong>Source code</strong> icon on the toolbar<br><strong><img class="wysiwyg-image-resized" style="aspect-ratio: 1316/648; width: 60.83%;" src="https://support.zendesk.com/hc/article_attachments/10569921752858" alt="HTML code editor in article.png" width="1316" height="648"></strong>
</li>
<li data-list-item-id="ea1e9c9909add396a69c4dddee8a810ff">Locate the <code>&lt;a&gt;</code> tag, the anchor for the link you need to edit</li>
<li data-list-item-id="ed8a7c60887dbbf5712741f10d4fd4917">Update the URL or link text</li>
<li data-list-item-id="ef331d2624c5ef55302864bd351a80826">To open the link in a new tab, add <code>target="_blank" rel="noopener"</code> to the <code>&lt;a&gt;</code> tag.<br>For example: <code>&lt;a href="URL" target="_blank" rel="noopener"&gt;Link Text&lt;/a&gt;</code>
</li>
<li data-list-item-id="ed03d04ca26699b1f96f418a95c8ba30e">Save your changes and switch back to the visual editor to confirm the link appears and works as expected</li>
</ol>
</div><div class="accordion"><h3 id="h_01K9YSVYM1KQ43XG3MAQ04DCWQ">More fixes</h3></div><div class="panel"><ul>
<li data-list-item-id="e3a36d5b32f8dbb93e280ff3170412d07">Update the article editor to the latest version. Check for patches.</li>
<li data-list-item-id="ecd5e98b2c73deae89b72e91e54fa4cd7">After you update, clear your browser cache to load the latest editor</li>
<li data-list-item-id="e9f8056572ca96ed0ce120dbb7f9f118a">Edit and insert links to check if the issues are fixed</li>
<li data-list-item-id="eaec4044f07392d5bb689aa58e81b4cac">If problems continue, contact your support team or product manager. Include your browser version and steps to show the issue.</li>
<li data-list-item-id="ee4e51f083d0436ffc43a680c2cb6a505">If you are not sure a fix is live, ask your support contact or check platform announcements</li>
<li data-list-item-id="e8b8a132f654f4ecc8e753d25a7564738">If problems remain after updates, clear your cache again or use a different browser to check for browser or cache issues</li>
</ul></div>