Question

我正在创建一个网站，我希望在那里展示一些代码，但我找不到一种时尚的方式来做到这一点。例如，让我们用JAVA编写一个简单的HelloProgram。我想让它看起来像这样

import acm.graphics.*;
import acm.program.*;

public class HelloProgram extends GraphicsProgram {
    public void run() {
        add (new GLabel("I love Java." ,100,75));
        add( new GLabel(" Marios Theofilos" ,600,450));
        // The x and y coοrdinates may vary depending on your computer
    }
}

而不是那样

import acm.graphics.*;
import acm.program.*;
public class HelloProgram extends GraphicsProgram {public void run() {
add (new GLabel("I love Java." ,100,75));
add( new GLabel(" Marios Theofilos" ,600,450));
}
}

。基本上，只使用复制粘贴不起作用。我已尝试在CSS和HTML中进行文本对齐。最好的解决方案似乎是创建一个div框，然后将代码放在那里。我尝试过创建该框，但是我无法更改复制和粘贴时文本的行为方式。另外，我无法手工制作所需的效果，或者我还没有发现它的效果。

Answer 1

这正是<pre>标记的用途：渲染预先格式化的文本：

<pre>
import acm.graphics.*;
import acm.program.*;

public class HelloProgram extends GraphicsProgram {
    public void run() {
        add (new GLabel("I love Java." ,100,75));
        add( new GLabel(" Marios Theofilos" ,600,450));
        // The x and y coοrdinates may vary depending on your computer
    }
}
</pre>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre

以编程方式创建节点时，请注意htmlescape()内容！

如何更改复制粘贴文本的行为方式？

1 个答案: