如何用我們自己的標簽替換html標簽

Question

在我的MVC Web應用程序中，我在View內有一個文本區域，該用戶將HTML文本放置在該文本中，因此我想用自己的自定義標簽替換html標簽。

例如：

HTML標記：

 <input type='text' name='MyList.First_Name' data-val='true' data-val-required='Please enter first name' /> 

用。。。來代替：

 [~TextFieldTag|MyList.First_Name|||0|data-val=>true|data-val-required=>Please enter first name|~] 

誰能建議這樣做的最佳方法是什么？

Answer 1

我最初建議使用簡單的字符串替換，但是鑒於替換的性質看似復雜，這可能不是最佳方法。

最好的方法可能是獲取HTML，將其轉換為DOM元素，只需將其放入元素innerHTML ：

 document.querySelector('button').addEventListener('click', () => { document.querySelector('#renderSpace').innerHTML = document.querySelector('textarea').value; }); 

 Add some HTML: <textarea></textarea> <button>Press Me</button> <div id="renderSpace"></div> 

您可以將渲染區域放置在屏幕外，這樣用戶就不會實際看到它。

從那里，我將遍歷DOM樹（基本上，從根開始，然后遞歸地查看其所有子項，然后是其子項，等等），讀取您認為合適的任何屬性，然后將字符串替換寫為你去吧。

這確實需要他們輸入有效的HTML（通常這是一個要求，但可能很難依靠用戶輸入），因此您將需要在其中提供一些良好的，用戶友好的錯誤處理。