intelogie/ckeditor-codemirror

此包的最新版本(dev-master)没有可用的许可证信息。

安装: 9

依赖: 0

建议者: 0

安全: 0

星级: 0

观察者: 2

分支: 55

语言:JavaScript

dev-master 2016-04-29 11:07 UTC

This package is auto-updated.

Last update: 2024-08-29 04:42:52 UTC


README

CKEditor(源视图和源对话框)的CodeMirror插件语法高亮显示

可用快捷键

  • 'Ctrl-K' 用于注释当前选定的文本
  • 'Ctrl-Shift-K' 用于取消注释当前选定的文本
  • 'Ctrl-Alt-K' 用于自动格式化当前选定的文本
  • 'Ctrl-Q' 展开/折叠代码块
  • 'Ctrl-F' 执行搜索
  • 'Ctrl-G' 查找下一个
  • 'Ctrl-Shift-G' 查找上一个
  • 'Ctrl-Shift-F' 查找并替换
  • 'Ctrl-Shift-R' 查找并替换所有

###演示 http://w8tcha.github.io/CKEditor-CodeMirror-Plugin/

完整的主题列表可在此找到: http://codemirror.net/demo/theme.html

Screenshot

Screenshot

####许可证

根据MIT许可证的条款进行许可。

####安装

  1. 将文件内容提取到CKEditor的"plugins"文件夹中。
  2. 在CKEditor配置文件(config.js)中添加以下代码
config.extraPlugins = 'codemirror';

如果您使用的是CKEditor的行内模式,您还需要将sourcedialog添加到额外插件列表中

config.extraPlugins = 'sourcedialog,codemirror';
  1. 要配置插件,以下选项可用...
config.codemirror = {
	
	// Whether or not you want Brackets to automatically close themselves
	autoCloseBrackets: true,

     // Whether or not you want tags to automatically close themselves
	autoCloseTags: true,

     // Whether or not to automatically format code should be done when the editor is loaded
	autoFormatOnStart: true, 
	
	// Whether or not to automatically format code which has just been uncommented
	autoFormatOnUncomment: true,
	
	// Whether or not to continue a comment when you press Enter inside a comment block
	continueComments: true,

     // Whether or not you wish to enable code folding (requires 'lineNumbers' to be set to 'true')
	enableCodeFolding: true,
	
	// Whether or not to enable code formatting
	enableCodeFormatting: true,
	
	// Whether or not to enable search tools, CTRL+F (Find), CTRL+SHIFT+F (Replace), CTRL+SHIFT+R (Replace All), CTRL+G (Find Next), CTRL+SHIFT+G (Find Previous)
	enableSearchTools: true,
	
	// Whether or not to highlight all matches of current word/selection
	highlightMatches: true,

     // Whether, when indenting, the first N*tabSize spaces should be replaced by N tabs
	indentWithTabs: false,

     // Whether or not you want to show line numbers
	lineNumbers: true,
	
	// Whether or not you want to use line wrapping
	lineWrapping: true,

     // Define the language specific mode 'htmlmixed' for html  including (css, xml, javascript), 'application/x-httpd-php' for php mode including html, or 'text/javascript' for using java script only 
	mode: 'htmlmixed',
	
	// Whether or not you want to highlight matching braces
	matchBrackets: true,
	
	// Whether or not you want to highlight matching tags
	matchTags: true,

	// Whether or not to show the showAutoCompleteButton   button on the toolbar
	showAutoCompleteButton: true,
     
     // Whether or not to show the comment button on the toolbar
	showCommentButton: true,

	// Whether or not to show the format button on the toolbar
	showFormatButton: true,

     // Whether or not to show the search Code button on the toolbar
	showSearchButton: true,

     // Whether or not to show Trailing Spaces
	showTrailingSpace: true,
	
	// Whether or not to show the uncomment button on the toolbar
	showUncommentButton: true,

     // Whether or not to highlight the currently active line
	styleActiveLine: true,

     // Set this to the theme you wish to use (codemirror themes)
	theme: 'default',
	
	// "Whether or not to use Beautify for auto formatting
	useBeautify: false
};