`
agevs
  • 浏览: 70543 次
  • 来自: 北京
博客专栏
924aba1e-229a-352e-b6d4-f15f3159a438
各种Web前端技巧经验分享...
浏览量:0
文章分类
社区版块
存档分类
最新评论

解决SyntaxHighlighter 代码不换行的问题

阅读更多

用SyntaxHighlighter 语法高亮插件的朋友可能都遇到过代码显示不换行的问题,这个问题在网上也找不到什么解决办法,一直困扰了我很久,今天算是把它解决了,办法其实简单,下面说下如何解决。前端资源分享

打开shCoreDefault.css文件,找到对.syntaxhighlighter textarea的定义,在最后加上一句:word-break:break-all !important;就ok了,意思是让代码强制换行显示。

分享到:
评论

相关推荐

    解决SyntaxHighlighter 代码高亮不换行问题的解决方法

    总的来说,解决SyntaxHighlighter代码不换行问题并不复杂,关键在于理解CSS的布局规则和SyntaxHighlighter的工作原理。一旦找到正确的CSS选择器并应用适当的样式,就能轻松解决这个问题。对于初次接触此类问题的...

    z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)

    通过上述CSS样式的修改和JQuery脚本的应用,可以在Z-Blog博客系统中较好地解决SyntaxHighlighter插件无法自动换行显示长代码的问题。这样一来,无论代码段有多长,都可以在浏览时自动换行显示,提高阅读代码的便利性...

    z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)

    用SyntaxHighlighter 语法高亮插件的朋友可能都遇到过代码显示不换行的问题,这个问题在网上也找不到什么解决办法,一直困扰了我很久,今天算是把它解决了,办法其实简单,下面说下… 解决方法: 打开shCoreDefault....

    百度编辑器ueditor前台代码高亮无法自动换行解决方法

    总的来说,解决ueditor前端代码无法自动换行的问题通常涉及查找并修改CSS样式,确保代码能够适应页面的布局,从而提供更好的阅读体验。对于任何富文本编辑器,理解和调整其底层CSS样式都是优化显示效果的关键。

    SyntaxHighlighter 去掉右侧滚动条的方法

    2. 自动隐藏:将 `.syntaxhighlighter` 的 `overflow` 属性从 `auto` 改为 `hidden`,可以隐藏超出的代码,但这并不方便用户查看完整的代码内容。 总的来说,去除 **SyntaxHighlighter** 的滚动条主要涉及调整CSS...

    Windows Live Writer 实现代码高亮

    总的来说,使用Windows Live Writer和SyntaxHighlighter插件的结合方案可以有效解决代码高亮的问题,同时保持了页面的整洁性和加载效率。尽管此方案在Wordpress的header.php中手动添加代码可能稍显繁琐,但一旦完成...

    Plsql美化工具的文件

    - **社区支持和更新**:选择有活跃社区和定期更新的工具,以获取持续改进和问题解决。 总的来说,PL/SQL美化工具对于提高PL/SQL代码的质量和可读性至关重要。无论你是初级开发者还是经验丰富的DBA,都应该利用这些...

    虚拟的java编辑器课程设计报告样本.doc

    1. 调试过程中,可能遇到的问题包括类之间的继承冲突,解决方法是重新组织类的结构,避免直接继承导致的问题。 2. 在实现字体颜色设置时,需要注意监听器的正确配置,确保颜色更改功能的正常工作。 总结,这个虚拟...

Global site tag (gtag.js) - Google Analytics