Question

Im利用I的专用超文本结构开展工作。我通过安全总局安排了视像适合我的需要的电网布,但在复制文本时,我不希望的每个区块之间增加一条线。

Below is an example:

div { display: inline-grid; grid-template-columns: repeat(5, auto); } span { display: block }

<div> 1+3=4 </div>

With Chromium 79, when selecting, copying to the clipboard and then pasting it somewhere, the result is as follows:

1 + 3 = 4

在Fox 72号大火中,我收到了我想要的东西:

1+3=4

Answer 1

我使用了这种方法,并采用了React和MUI(但不需要):

Add an invisible special character as the new-line replacement at the end of each row such as:

<Box
    sx={{
    color:  transparent ,
     &::selection : {
        backgroundColor:  transparent ,
    },
    }}
>
    ↵
</Box>

Then on the copy event:

  const onCopy = async () => {
    const text = await navigator.clipboard.readText();
    const fixed = text
      // Split lines
      .split( ↵ )
      // Replace new line from grid cells
      .map((l) => l.replace(/
?
/g,    ).replace(/ +/g,    ).trim())
      // Rejoin the lines
      .join( 
 );
    await navigator.clipboard.writeText(fixed);
  };

Answer 2

遴选内容给你带来任何伤害,但仍增加了一个小的解决办法,以解决:

<html>
<head>
<style>
div {
  display: inline-grid;
  grid-template-columns: repeat(5, autoiii;
  display:inline-block;
}

</style>
</head>
<body>
<div>
  <span>1</span>
  <span>+</span>
  <span>3</span>
  <span>=</span>
  <span>4</span>
</div>
</body>
</html>

iii

友情链接