我正在为静态博客构建提交表单。该表格位于此处:
https://archwomen.org/blog/submit
我有一个降价预览,但我也想有一个 html 预览。
这是想法:
当有人点击“html”按钮时,我需要这个 html 标记:
<div id="preview"></div>
要更改为:
<textarea readonly id="preview"></textarea>
当有人单击“实时”按钮时,我希望将 html 标记改回来。我希望用纯 javascript 来做到这一点,但到目前为止我还没有多少运气。我在这里设置了一个jsfiddle:
function transformTag(tagId){
var elem = document.getElementById(tagId);
var children = elem.childNodes;
var parent = elem.parentNode;
var newNode = document.createElement("textarea readonly id="preview"");
for(var i=0;i<children.length;i++){
newNode.appendChild(children[i]);
}
parent.replaceChild(newNode,elem);
}
任何帮助将不胜感激。