计算机辅助教学

TinyMCE编辑器安装代码高亮插件

字号+ 作者:hanyufeng 来源: 2015-08-06 09:56:11 我要评论( ) 阅读:

一、上传插件文件。二、调用tinymce 时引入 prettify 插件。三、添加样式和脚本。...

以Tinymce 代码高亮插件google-code-prettify v1.0为例。(插件下载

 

安装方法:

一、上传插件文件。
将prettify 文件夹上传至 tiny_mce/plugins。

二、调用tinymce 时引入 prettify 插件。

//......
plugins : "......(其它插件), prettify",
theme_advanced_buttons1 : "......(其它按钮),prettify",
//......

iwms 6.0 可修改 inc/tiny_mce.js 文件的第43行、第66行)

三、添加样式和脚本。

1. 上传google-code-prettify文件。(下载

2. 页面顶部添加引用:

<link rel="stylesheet" href="google-code-prettify/prettify.css" type="text/css" />
<script type="text/javascript" language="javascript" src="google-code-prettify/prettify.js"></script>

iwms 6.0 要修改 inc/html_head.inc 文件)

3. 页面底部添加JS代码:

<script type="text/javascript" language="javascript">
	prettyPrint();
</script>

iwms 6.0 要修改 foot.inc 文件)

 

说明:

代码样式在 google-code-prettify/prettify.css 文件中设置。

iwms 6.0 参考样式

参考资料:

http://www.1024i.com/product/7.html

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。