`

PHP ueditor 的代码高亮

阅读更多
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>新建H5模板</title>
<link rel="stylesheet" href="css/base.css" />
<!--高亮的代码 begin-->
<link rel="stylesheet" href="third-party/SyntaxHighlighter/shCoreDefault.css"  />
<script src="third-party/SyntaxHighlighter/shCore.js"></script>
<script>
	SyntaxHighlighter.all();
</script>
<!--高亮的代码 end-->
</head>
<body>
<h3>
	<p>
    HTML内容的开始
</p>
<pre class="brush:html;toolbar:false">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no&quot;&gt;
&lt;title&gt;新建H5模板&lt;/title&gt;
&lt;style type=&quot;text/css&quot;&gt;
    body{ font-family:\5FAE\8F6F\96C5\9ED1,&#39;Arial&#39;; color:#5b5b5b; background-color:#fff; font-size:14px; overflow-x:hidden;}
    a{ color:#333; text-decoration:none;}
    a:hover{ color:#333; text-decoration:none;}
    img{ border:none;}
    i,em{ font-style:normal;}
    li{ list-style-type:none;}
    textarea{ resize:vertical;}
    input, select, textarea{ font-family:\5FAE\8F6F\96C5\9ED1,&#39;Arial&#39;; background-color:#fff margin:0; padding:0; outline:none;}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;h3&gt;阅谁问君诵,水落清香浮&lt;/h3&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
        alert(&quot;测试吧&quot;);
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
<p>
    HTML内容的结束<br/>
</p>
</h3>
</body>
</html>

 

效果图:

 

 

  • 大小: 74.3 KB
0
0
分享到:
评论

相关推荐

    基于PHP的UEditor

    将UEditor部署在PHP环境中,可以为用户提供一个便捷的在线文本编辑界面,实现图文混排、代码高亮、多媒体插入等功能。 首先,我们要理解UEditor的工作原理。UEditor本身是JavaScript编写的前端组件,它通过AJAX与...

    Ueditor for Thinkphp3.2

    3. 代码高亮:对于程序员来说,Ueditor还提供了代码高亮显示,方便编写和查看代码片段。 4. 表格操作:支持创建、编辑表格,包括合并单元格、调整列宽和行高等。 5. 附件管理:用户可以上传并管理各种类型的附件,如...

    ueditor1_4_3_3-utf8-php

    - 代码高亮:对于程序员而言,内置的代码高亮功能使得插入代码片段更加美观易读。 - 全屏模式:提供全屏编辑模式,提高编辑专注度。 - 自定义工具栏:允许开发者根据需求定制编辑器工具栏,打造个性化的编辑体验。 ...

    百度编辑器UEditor完整版dome(php)

    此外,还可以通过插件机制扩展功能,例如添加Markdown支持、代码高亮等。 总的来说,百度编辑器UEditor是一个功能强大且易于集成的富文本编辑器,尤其适合PHP开发者使用。通过理解其工作原理和配置方法,我们可以...

    百度编辑器ueditor-dev-1.5.0 gbk-php 编译版

    百度编辑器(UEditor)是百度公司前端研发部推出的一款开源的Web富文本编辑器,它轻量级且可高度定制,支持多种特性如图片上传、表格操作、代码高亮等。UEditor基于MIT协议,允许开发者自由使用和修改源代码,这为...

    php版本的ueditor编辑器压缩包

    5. **代码高亮**:对于代码段,ueditor能自动进行语法高亮,提高代码阅读性。 6. **表格操作**:提供完善的表格创建、编辑和样式设置功能。 7. **文档样式控制**:用户可以自由选择和定制编辑器的样式,如字体、字号...

    ueditor utf8-php.zip

    1. **全面的编辑功能**:支持文本格式化、图片上传、视频插入、表格编辑、代码高亮等多种编辑操作,为用户提供类似Word的编辑体验。 2. **高度自定义**:可以通过配置文件或JavaScript API定制编辑器界面和功能,...

    百度ueditor完整包

    代码高亮是程序员和技术类网站喜爱的功能,UEditor支持多种编程语言的代码高亮显示,让技术文档的编写更加专业。同时,它还有预览模式,可以在编辑过程中实时查看最终效果,提高了工作效率。 在安全性方面,UEditor...

    ueditor1_4_3_2-utf8-php

    5. **plugins** 文件夹:包含了ueditor的扩展插件,如地图、公式编辑、代码高亮等,可以按需启用或定制。 6. **server** 文件夹:通常包含PHP处理文件,如uploader.php,用于处理图片、文件的上传请求,实现与服务器...

    百度富文本编辑器UEditor 1.4.3版本

    6. **代码编辑**:对于技术类文章,UEditor支持代码高亮显示,便于展示和理解代码片段。 7. **插件扩展**:1.4.3版本可能包含了多个插件,如公式编辑器、地图插件等,以满足不同需求的用户。 8. **语言支持**:...

    ueditor-dev-1.5.0【ueutf8-php】

    6. **代码高亮**:对于程序员来说,它可以自动识别并高亮显示代码,使得代码更易阅读。 7. **多语言支持**:支持多种语言,满足国际化需求,包括简体中文、繁体中文、英文等。 8. **插件扩展**:拥有丰富的插件系统...

    ueditor完美支持word导入自动转存,无需flash

    5. **代码高亮**:对于编程类文章,ueditor支持代码语法高亮显示,让代码更易读。 6. **表格操作**:创建、编辑和格式化表格,满足数据展示需求。 7. **多语言支持**:内置多种语言包,适应不同地区的用户需求。 ...

    PHP版百度富文本编辑器ueditor

    4. **插件扩展**:ueditor有丰富的插件库,可以添加代码高亮、公式编辑、表格工具等功能,满足专业需求。 5. **API接口**:ueditor提供JavaScript API,方便开发者自定义编辑器行为,如监听事件、调用接口等。 6. **...

    ueditor源码

    - **代码高亮**:对于代码段,ueditor支持多种编程语言的高亮显示,提升代码可读性。 - **多语言支持**:ueditor通过`lang`目录下的语言包,支持多国语言界面,方便全球用户使用。 4. **自定义与扩展** - **皮肤...

    wordpress整合ueditor下载wp-ueditor2

    通过整合UEditor,我们可以实现如图片多选上传、视频插入、代码高亮等高级特性,提升内容创作的效率和质量。 三、整合步骤 1. **安装插件**: 首先,你需要下载"wp-ueditor2"这个专门为WordPress定制的UEditor插件...

    UEditor网页编辑插件

    3. **代码编辑器**:对于技术类网站,UEditor提供代码高亮显示和缩进,方便用户编辑和展示代码片段,增强了用户体验。 4. **自定义扩展**:UEditor提供了丰富的API和插件接口,允许开发者根据项目需求进行定制和...

    ueditor包含使用方法

    4. **代码高亮**:支持多种编程语言的代码高亮显示,只需在代码前后添加特定的标记,如`&lt;pre&gt;&lt;code class="lang-javascript"&gt;...代码...&lt;/code&gt;&lt;/pre&gt;`。 ## 四、高级功能 1. **表格操作**:可以创建、编辑和删除...

    UEditor富文本编辑器的静态资源部分

    - **插件系统**:UEditor允许开发者根据需求添加或扩展功能,例如表格、公式、代码高亮等插件。 - **API接口**:通过JavaScript调用,可以控制编辑器的各种行为,如获取和设置内容、监听事件等。 **2. Vue集成...

    ueditor1.2.3

    3. **代码编辑**:对于技术类文章,UEditor还提供了代码高亮显示,支持多种编程语言,让代码段更易于阅读。 4. **表格处理**:可以创建、编辑和格式化表格,满足数据展示和分析的需求。 5. **插件扩展**:UEditor...

Global site tag (gtag.js) - Google Analytics