Javascript 如何从用户处读取文本区域中的数据粘贴并在该文本上应用Jquery代码 提交 $(文档)。查找('h1,h2,h3,h4,h5,h6')。每个(函数(){ if($(this).parent().prev()是('h1,h2,h3,h4,h5,h6')!=true){ $(this).parent()在(“

Javascript 如何从用户处读取文本区域中的数据粘贴并在该文本上应用Jquery代码 提交 $(文档)。查找('h1,h2,h3,h4,h5,h6')。每个(函数(){ if($(this).parent().prev()是('h1,h2,h3,h4,h5,h6')!=true){ $(this).parent()在(“,javascript,jquery,Javascript,Jquery,xxxxxxx”)之前; } }); 从上面的代码中,我想在文本区域中接受来自用户的html文件,然后在该文本上如何执行上面的jquery代码 如果没有用户界面,此代码将正常工作。 比如说 在这里,html页面直接粘贴,无需用户界面选项 可能吗 有人能帮我吗,任何人都会帮我大忙。看看这把小提琴,如果它能回答你的问题-- 总结 textarea保存要处理的HTML代码 id为“ChangedContentRapper”的保存结果 id为'button'的触发处理 编辑。我已经更新了fidd

xxxxxxx

”)之前; } }); 从上面的代码中,我想在文本区域中接受来自用户的html文件,然后在该文本上如何执行上面的jquery代码

如果没有用户界面,此代码将正常工作。 比如说

在这里,html页面直接粘贴,无需用户界面选项

可能吗


有人能帮我吗,任何人都会帮我大忙。

看看这把小提琴,如果它能回答你的问题--

总结

  • textarea保存要处理的HTML代码
  • id为“ChangedContentRapper”的
    保存结果
  • id为
    'button'
    触发处理
编辑。我已经更新了fiddle,因此您可以对要处理的textarea的内容进行更改——请参见此处

最后编辑。有两个文本区域,一个用于“之前”处理,一个用于“之后”处理--


希望这有帮助。

所以你需要一种方法来“上传”html文件,读取其内容并将内容传输到文本区域?是的,我附带了一个提琴,其中的工作是完美的,但我希望它转换为基于用户界面的GUI,因为提琴下面的参考是粘贴。和这个函数一样,我想使用这个jquery代码。我会发布一个提琴作为答案,请看下面。这很好,伙计,但这不是我想要的。事实上,它不是我想要的。这里的代码是重复的,我不想在html中有任何代码,只有文本区域代码应该在那里,所有的代码应该放在文本区域。一旦它粘贴到文本区域,我们点击apply按钮,它就应该执行更改。好的,请参阅上面编辑部分的更新提琴。作为参考,您可以看到这个提琴,这里我没有在html块中使用任何代码,但是当您粘贴文本区域框中的任何文本,并点击submit按钮时,它会通过添加“字符串”来替换该文本关键字(前后)您希望在何处显示“结果”?文本区域内还是文本区域外?是否可以显示两个窗口(并排),一个用于粘贴代码(问题),另一个用于显示结果
<html>
<head>
</head>
<body>

<textarea id="area" style="width:100%; height:60px;"></textarea>
<button id="submit">Submit</button>


<script>
$(document).find('h1, h2, h3, h4, h5, h6').each(function() {
if ($(this).parent().prev().is('h1, h2, h3, h4, h5, h6') != true) {
    $(this).parent().before('<p>xxxxxxx</p>');
}
});
</script>
</body>
</html>