SyntaxHighlighter集成到CKEditor中的问题
在网上看了很多关于如何将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, '&') .replace(/</g, '<') .replace(/>/g, '>') .replace(/"/g, '"') .replace(/'/g, ''') .replace(/n/g, '<br>') .replace(/ /g, ' '); }; //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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
ckeditor整合代码高亮插件syntaxhighlighter2使用配置demo实例下载
http://www.zuidaima.com/share/1925327528135680.htm