install.html ( 文件浏览 )
- keepall 发布于 2016-12-09 21:19
- 浏览次数:349
- 下载次数: 4
- 下载需 10 积分
-
- 侵权举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>SyntaxHighlight plugin 2</title> <link href="styles.css" rel="stylesheet" type="text/css"> </head> <body> <h1>Code Syntax Highlight Plugin for FCKeditor</h1> <h2>Introduction</h2> <p>This is a dialog-based plugin to handle formatting of source code for <a href="http://www.fckeditor.net">FCKeditor</a>. It makes use of the SyntaxHighlighter javascript library available to download from <a href="http://alexgorbatchev.com/wiki/SyntaxHighlighter" target="_blank">alexgorbatchev.com</a>. The plugin primiarily edits a <pre> tag with some custom attributes. Its mainly aimed at users editing blogs or content management systems where there is a requirement to format programming languages on a website that is being edited using FCKEditor. </p> <p>The plugin is in the form of a tabbed dialogue box that looks like this:</p> <p><img src="plugin-screenshot.png" width="472" height="482"></p> <h3 id="contact">Author:</h3> <p><a href="http://www.psykoptic.com/blog/" target="_blank">Darren James</a></p> <h3>Version history: </h3> <ol> <li><strong>2.0</strong> 02 March 2009, latest version supporting SyntaxHighlighter 2.0.x <a href="/userfiles/files/FCKEditor-syntaxhighlight_2.0.zip">Download</a>.</li> <li><strong>1.0.2</strong> 02 March 2009 <a href="/userfiles/files/FCKEditor-syntaxhighlight_1.0.2.zip">Download</a>.</li> <li><strong>1.0.1</strong> 10 Feb 2009 .</li> <li><strong>1.0</strong>: 30 Nov 2008. First version.</li> </ol> <h3>Known bugs:</h3> <p><del>Occasionally the dialogue box does not pickup the <strong><pre></strong> element to be edited in Firefox.</del> <br> Fixed in version 1.0.2 - Thanks to <strong>Sergey Gurevich</strong></p> <h2>Installation</h2> <h3>1. Copying the files</h3> <p>Extract the contents of the zip in you plugins directory, so it ends up like this<br> <img src="folder-setup.png" alt="Screenshot of installation" width="335" height="380" longdesc="#install"></p> <h3>2. Adding it to FCKeditor</h3> <p>Now add in your <em>fckconfig.js</em> or custom js configuration file the following line (remember its javascript we are dealing with so everything is case sensitive!: <code>FCKConfig.Plugins.Add( 'syntaxhighlight2', 'en') ;</code> </p> <h3>3. Adding it to the toolbarset</h3> <p>Add the button <strong>'SyntaxHighLight2'</strong> to your toolbarset: <code>FCKConfig.ToolbarSets["Basic"] = [<br> ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink', '-'<strong>,'SyntaxHighLight2'</strong>,'-','About']<br> ] ;</code> </p> <h3 id="configure">4. Configure the plugin</h3> <p>The plugin will work 'out of the box', the plugin conmes with an example config section for fckconfig.js. You can configure a default language using the <strong>SyntaxHighlight[!==More==!]
...
展开> <收缩
Sponsored links
源码文件列表
温馨提示: 点击源码文件名可预览文件内容哦 ^_^ Sponsored links