使用Mercury Editor編輯<a>標籤中的文本內容

Question

我在Rails4應用程序中使用Mercury編輯器。

如果你有這樣的：

<a href="http://www.google.com" data-mercury='full'>Edit me!</a> 

這是很難管理，因爲它激活，當你點擊編輯鏈接編輯該元素的內容。你可以通過用鼠標選擇文本（不觸發鏈接）然後用鍵盤箭頭移動光標來欺騙它，但這不是用戶友好的。

有沒有辦法讓水星在編輯時關閉鏈接？例如，編輯器處於活動狀態時，所有<a>均可替換爲<span>。由於標籤本身不包含在可編輯內容中，因此一旦完成，我們就不需要恢復到<a>，我們只需要保存修改並重新加載頁面即可。

Answer 1

我最終實現了我上面建議：

// CUSTOM CODE 
// hide links so they can be edited 
window.onload = function() { 
    $('iframe#mercury_iframe').load(function() { 
    $('iframe#mercury_iframe').contents().find('a').each(function() { 
     $(this).removeAttr('href') 
    }); 
    }); 
}; 

這針對汞的iframe的<a>標籤，所以他們不能點擊條的href屬性。

這段代碼在app/assets/javascripts/mercury.js文件末尾。