SyntaxHighlighter集成到CKEditor中的问题

发布于 2021-11-23 05:38:23 字数 2219 浏览 883 评论 1

在网上看了很多关于如何将SyntaxHighLighter集成到CKEditor中的文章,我试了一下,基本上都可以了,只是有一点:正常的情况下,<pre>发布的内容</pre>前面的那一段应该为:<pre class="brush:php">,不过,我试验的只有<pre>,class信息不见了,也就是说,insertcode.js中的有一句没有起作用。insertcode.js全部代码如下:

CKEDITOR.dialog.add('Insertcode', 
					
	function(editor){ 
	 	var escape = function(value)
  		{
    		return value.replace(/&/g, '&amp;')
            			.replace(/</g, '&lt;')
            			.replace(/>/g, '&gt;')
            			.replace(/"/g, '&quot;')
            			.replace(/'/g, ''')
						.replace(/n/g, '<br>')
						.replace(/ /g, '&nbsp;'); 
  		};

	//var escape = function(value){return value;}; 
	return{ 
		title: 'Insert Code', 
		resizable: CKEDITOR.DIALOG_RESIZE_BOTH, 
		minWidth: 450, 
		minHeight: 320, 
		contents: [{ 
			id: 'cb', 
			name: 'cb', 
			label: 'cb', 
			title: 'cb', 
		elements: [{ 
			type: 'select', 
			label: 'Language', 
			id: 'lang', 
			required: true, 
		'default': 'php', 
			items: [['ActionScript3', 'as3'], 
					 ['Bash/shell', 'bash'], 
					 ['ColdFusion', 'cf'], 
					 ['C#', 'csharp'], 
					 ['C++', 'cpp'], 
					 ['CSS', 'css'], 
					 ['Delphi', 'delphi'],
					 ['Diff', 'diff'], 
					 ['Groovy', 'groovy'],
					 ['JavaScript', 'js'],
					 ['Java', 'java'], 
					 ['JavaFX', 'jfx'], 
					 ['Perl', 'perl'], 
					 ['PHP', 'php'], 
					 ['Plain Text', 'plain'], 
					 ['PowerShell', 'ps'], 
					 ['Python', 'py'], 
					 ['Ruby', 'rails'], 
					 ['Scala', 'scala'], 
					 ['SQL', 'sql'], 
					 ['Visual Basic', 'vb'], 
					 ['XML', 'xml']] 
}, { 
	type: 'textarea', 
	style: 'width:650px;', 
	label: 'Code', 
	id: 'code', 
	rows: 31, 
	'default': '' 
}] 
}], 
	onOk: function(){ 
	code = this.getValueOf('cb', 'code'); 
	lang = this.getValueOf('cb', 'lang'); 
	html = '' + escape(code) + ''; 
	editor.insertHtml("<pre class="brush:" + lang + ";">" + html + "</pre>"); 
	}, 
	onLoad: function(){} 
}; 
});

就是这一句:

editor.insertHtml("<pre class="brush:" + lang + ";">" + html + "</pre>");

有哪位高人能指点一下吗?谢谢!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

可是我不能没有你 2021-11-25 15:35:10

ckeditor整合代码高亮插件syntaxhighlighter2使用配置demo实例下载
http://www.zuidaima.com/share/1925327528135680.htm

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文