从 contentEditable div 中删除格式

时间：2023-05-30

本文介绍了从 contentEditable div 中删除格式的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

限时送ChatGPT账号..

我有一个 contentEditable Div，我想删除任何格式，尤其是复制和粘贴文本.

I have a contentEditable Div and I want remove any formatting especially for copy and paste text.

推荐答案

你试过使用innerText吗?

Have you tried using innerText?

添加:

如果您想从粘贴到可编辑 div 的内容中去除标记，请尝试创建临时 div 的旧技巧 - 请参见下面的示例.

If you want to strip markup from content pasted into the editable div, try the old hack of creating a temporary div -- see example below.

<!DOCTYPE html>
<html>

<head> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <title>Strip editable div markup</title>

  <script type="text/javascript">
    function strip(html) {
      var tempDiv = document.createElement("DIV");
      tempDiv.innerHTML = html;
      return tempDiv.innerText;
    }
  </script>
</head>

<body>
  <div id="editableDiv" contentEditable="true"></div>
  <input type="button" value="press" onclick="alert(strip(document.getElementById('editableDiv').innerText));" />
</body>

</html>

这篇关于从 contentEditable div 中删除格式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持html5模板网！

上一篇：格式化此 JavaScript 行 下一篇：在 <head> 中动态添加链接样式表

从 contentEditable div 中删除格式

问题描述

推荐答案

相关文章

最新文章