百度编辑器代码高亮代码

百度编辑器代码如何高亮

在需要高亮的页面尾部加入高亮代码就可以了

<script src="ueditor/third-party/SyntaxHighlighter/shCore.js" type="text/javascript"></script>        
<link rel="stylesheet" href="ueditor/third-party/SyntaxHighlighter/shCoreDefault.css">    
<script type="text/javascript">SyntaxHighlighter.all();</script>

百度编辑器代码自动换行

找到高亮代码显示的css文件  ueditor/third-party/SyntaxHighlighter/shCoreDefault.css文件

查找

.syntaxhighlighter{width:100%!important;margin:.3em 0 .3em 0!important;position:relative!important;overflow:auto!important;background-color:#f5f5f5!important;border:1px solid #ccc!important;

替换成

.syntaxhighlighter{width:100%!important;margin:.3em 0 .3em 0!important;position:relative!important;overflow:auto!important;background-color:#f5f5f5!important;border:1px solid #ccc!important;word-break:break-all;

主要是加了word-break:break-all;这个CSS自动换行样式属性。

百度编辑器代码行间距

找到高亮代码显示的css文件  ueditor/third-party/SyntaxHighlighter/shCoreDefault.css文件

查找

line-height:1.1em!important;

替换成

line-height:25px!important;

具体行间距自己设置

相关专题

编辑器

2021-05-14 210

编辑器是网站开发必备插件,编辑器专题为大家整理各类型编辑器下载,包含热门的CMS程序编辑器插件下载,html编辑器源码下载等等....

• ueditor百度编辑器取消span、b、i标签过滤方法 [2024-09-28]
• Novel开源Notion风格WYSIWYG编辑器,支持AI自动补全 [2024-09-04]
• disable-gutenberg禁用古腾堡(Gutenberg)编辑器插件 [2024-08-06]
• 网页版JSON编辑器源码 [2024-07-07]
• WordPress启用关闭经典编辑器和小工具插件 [2024-06-22]