1

我正在使用 GeSHi 进行语法高亮显示。有没有办法设置 GeSHi 生成的 PRE 标签的宽度？

我的意思是我有一个宽度为 500 像素的 textarea，因此像往常一样，文本对于长行是自动换行的。当我将文本从 TextArea 发送到 GeSHi 时，它会生成一个 PRE 标记突出显示我的代码，但随后它会创建一个长行，而不是像 textarea 那样换行。像这样的东西

在下面的文本区域中，长行是自动换行的

   ---------------------------------------------
   |  This world is big and we are living here |
   |  for a long long time.                    |
   |                                           |
   ---------------------------------------------

GeSHi 生成的 PRE 语法高亮代码输出如下

   ------------------------------------------------------------------
   |  This world is big and we are living here for a long long time.|
   |                                                                |
   |                                                                |
   ------------------------------------------------------------------

我想将此 PRE 标记宽度限制为 500 像素，并像 textarea 一样自动换行。有什么可能吗？

4

1 回答 1

3

我没有用过 GeSHi 但你可以用这个为你的 PRE 标签设置一些 CSS

 .wordwrap { 
     width: 500px;
     white-space: pre-wrap;      /* CSS3 */   
     white-space: -moz-pre-wrap; /* Firefox */    
     white-space: -pre-wrap;     /* Opera <7 */   
     white-space: -o-pre-wrap;   /* Opera 7 */    
     word-wrap: break-word;      /* IE */
  }
于 2014-02-10T20:46:36.717 回答