数码资讯
CKeditorandsyntaxhighlightmakeJoomlacodehigh
(效果如图所示!) 最近,当我张贴的文章和写与CSDN和cnblogs的文章,我发现很多网站或一些论坛和博客相关的代码。他们都有一个很好的语法突出,非常强大! 在这里看到的效果很好,因为我还建立了一个小型娱乐场所与Joomla!通常,你也可以坚持一些代码。没有语法高亮功能,总的感觉不是很方便。所以,
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
(效果如图所示!)
最近,当我张贴的文章和写与CSDN和cnblogs的文章,我发现很多网站或一些论坛和博客相关的代码。他们都有一个很好的语法突出,非常强大!
在这里看到的效果很好,因为我还建立了一个小型娱乐场所与Joomla!通常,你也可以坚持一些代码。没有语法高亮功能,总的感觉不是很方便。所以,昨晚,经过了很大的努力,终于解决了问题!
现在把它记录下来。
首先,Joomla默认编辑器TinyMCE的外观和后台编辑的博客!他没有语法功能!
我也有这样的一个编辑喜欢joomlagate百度眉目传情,当这样的一个插件是支持下载!当然我不能下载它!
所以,我想实现它自己,使用TinyMCE + syntaxhighlight去实现它,但它可能不用于TinyMCE,他的配置文件等等是什么,这是不是很熟悉,所以一直没有成功。
所以,它变成一个更加开放的源代码编辑器CKEditor!我认为解释不多!FCKeditor升级版!
好吧,说很多废话!
下一次正式开始!
我的第一个版本是Joomla 1.5.9
然后下载Joomla CKEditor版本!我会在结尾处下载地址!事实上,它是syntaxhighlight插件,这个我也会附上,当然,你也可以去官方网站下载最新的!
然后它改变了。
首先是安装ckeditor插件Joomla首先,你会在根目录下找到目录插件编辑CKEditor 插件。当然syntaxhighlight加压上传目录,在CKEditor目录将用于插件!你可以比较它,你知道上传什么,它不多说!这个问题不大!
接下来是对CKEditor安装代码按钮!如下图所示,最后一个!
当然,这是配置文件修改CKEditor!(事实上,你也可以找到这样的CKEditor + syntaxhighlight搜索法)Joomla版本的CKEditor是由改性config.js文件有点不同的是没有用的,要改变ckeditor.js文件,文件打开一看里面的代码,当然不用担心,只要他们能!
这里是需要改变的地方!(建议使用Dreamweaver打开文件,这样速度会更快,尤其是查找)。
第一个js代码
复制代码代码如下所示:
整版:虚假,高度:200,插件:,basicstyles,台湾,按钮,剪贴板,colorbutton,快捷菜单,elementspath,enterkey,实体的文件,发现闪光,字体、格式、形式、horizontalrule,htmldataprocessor、图像、缩进、自圆其说,击键,链接列表,最大化,新页,分页,pastefromword,纯文本粘贴。弹出窗口,预览,打印,格式,调整大小,保存,scayt,笑脸,showblocks,区,stylescombo,桌子,tabletools,特殊的魅力,标签,模板,工具条,撤销,wysiwygarea,WSC,syntaxhighlight ',extraplugins:',removeplugins:',protectedsource:{ },作用:0,主题:'default,皮肤:'kama ',' ',basefloatzindex:宽度:10000
二JS代码
复制代码代码如下所示:
'); return{};}}; i.toolbarLocation='top'; i.toolbar_Basic={{'Bold','Italic','NumberedList','BulletedList', -, -,'Link','Unlink','About'}} -, i.toolbar_Full={{'Source'-,'Save';'NewPage','Preview','Templates', {'Cut' -,'Copy','Paste','PasteText','PasteFromWord','Print','SpellChecker','Scayt'} -, and {'Undo'.'Redo','Find','Replace', -, -,'SelectAll','RemoveFormat'}, {'Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'}, {'Bold','Italic','Underline' ','Strike','Subscript','Superscript'}, -, {'NumberedList','BulletedList','Outdent','Indent'-,'Blockquote'}, {'JustifyLeft','JustifyCenter'.'JustifyRight','JustifyBlock'}, {'Link','Unlink','Anchor'}, {'Image','Flash','Table','HorizontalRule','Smiley','SPecialchar ','pagebreak},{ 'styles ','format ','font,'fontsize},{ 'textcolor ','bgcolor},{ 'maximize ','showblocks,,'syntaxhighlight} },—,
二,是最后的部分代码,你可以复制一个词搜索在它里面,即使有syntaxhighlight,在发布代码见我。在你自己的位置的话syntaxhighlight和CKEditor,你知道!
在那之后,代码的两个部分已经被修改了,文章回到后台,找到了键,就像我的第一个截图一样!这可以插入和使用!
当然,最后一步是通过在前台添加JS样式来控制语法高亮代码!
这是修改模板文件中的HTML页面,并把我的代码放在下面!
因为我用我自己ja_purity模板,打开HTML页面的开头如下
复制代码代码如下所示:
URL地址(>模板系统 / /系统CSS,CSS);type =文本/ CSS / >
URL地址(>模板系统 / / CSS,CSS);type =文本/ CSS / >
Templateurl(> / /模板CSS,CSS);type =文本/ CSS / >
URL地址(>插件 / / /编辑ckeditor插件 / / / shcore.css syntaxhighlight风格);或
URL地址(>插件 / / /编辑ckeditor插件 / / / shthemedefault.css syntaxhighlight风格);或
GetParam('rightcollapsible ')):>
无功rightcollapsedefault = 'getparam('rightcollapsedefault ');;
无功excludemodules = 'getparam('excludemodules ');;
冷漠,有很多js的部分。没有与代码的语法突出显示对应的js文件。我说,我会用几种,如PHP、C #、XML、Js等,将不能使用。
害怕装货速度!哈哈 uff01
这基本上可以!让我们做你自己的测试!我就是这么做的!
当然,他们中的许多人提到其他人,特别是附录I也使用其他人发布!现在分享它!
ckeditor3.x-syntaxhighlight.rar
最近,当我张贴的文章和写与CSDN和cnblogs的文章,我发现很多网站或一些论坛和博客相关的代码。他们都有一个很好的语法突出,非常强大!
在这里看到的效果很好,因为我还建立了一个小型娱乐场所与Joomla!通常,你也可以坚持一些代码。没有语法高亮功能,总的感觉不是很方便。所以,昨晚,经过了很大的努力,终于解决了问题!
现在把它记录下来。
首先,Joomla默认编辑器TinyMCE的外观和后台编辑的博客!他没有语法功能!
我也有这样的一个编辑喜欢joomlagate百度眉目传情,当这样的一个插件是支持下载!当然我不能下载它!
所以,我想实现它自己,使用TinyMCE + syntaxhighlight去实现它,但它可能不用于TinyMCE,他的配置文件等等是什么,这是不是很熟悉,所以一直没有成功。
所以,它变成一个更加开放的源代码编辑器CKEditor!我认为解释不多!FCKeditor升级版!
好吧,说很多废话!
下一次正式开始!
我的第一个版本是Joomla 1.5.9
然后下载Joomla CKEditor版本!我会在结尾处下载地址!事实上,它是syntaxhighlight插件,这个我也会附上,当然,你也可以去官方网站下载最新的!
然后它改变了。
首先是安装ckeditor插件Joomla首先,你会在根目录下找到目录插件编辑CKEditor 插件。当然syntaxhighlight加压上传目录,在CKEditor目录将用于插件!你可以比较它,你知道上传什么,它不多说!这个问题不大!
接下来是对CKEditor安装代码按钮!如下图所示,最后一个!
当然,这是配置文件修改CKEditor!(事实上,你也可以找到这样的CKEditor + syntaxhighlight搜索法)Joomla版本的CKEditor是由改性config.js文件有点不同的是没有用的,要改变ckeditor.js文件,文件打开一看里面的代码,当然不用担心,只要他们能!
这里是需要改变的地方!(建议使用Dreamweaver打开文件,这样速度会更快,尤其是查找)。
第一个js代码
复制代码代码如下所示:
整版:虚假,高度:200,插件:,basicstyles,台湾,按钮,剪贴板,colorbutton,快捷菜单,elementspath,enterkey,实体的文件,发现闪光,字体、格式、形式、horizontalrule,htmldataprocessor、图像、缩进、自圆其说,击键,链接列表,最大化,新页,分页,pastefromword,纯文本粘贴。弹出窗口,预览,打印,格式,调整大小,保存,scayt,笑脸,showblocks,区,stylescombo,桌子,tabletools,特殊的魅力,标签,模板,工具条,撤销,wysiwygarea,WSC,syntaxhighlight ',extraplugins:',removeplugins:',protectedsource:{ },作用:0,主题:'default,皮肤:'kama ',' ',basefloatzindex:宽度:10000
二JS代码
复制代码代码如下所示:
'); return{};}}; i.toolbarLocation='top'; i.toolbar_Basic={{'Bold','Italic','NumberedList','BulletedList', -, -,'Link','Unlink','About'}} -, i.toolbar_Full={{'Source'-,'Save';'NewPage','Preview','Templates', {'Cut' -,'Copy','Paste','PasteText','PasteFromWord','Print','SpellChecker','Scayt'} -, and {'Undo'.'Redo','Find','Replace', -, -,'SelectAll','RemoveFormat'}, {'Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'}, {'Bold','Italic','Underline' ','Strike','Subscript','Superscript'}, -, {'NumberedList','BulletedList','Outdent','Indent'-,'Blockquote'}, {'JustifyLeft','JustifyCenter'.'JustifyRight','JustifyBlock'}, {'Link','Unlink','Anchor'}, {'Image','Flash','Table','HorizontalRule','Smiley','SPecialchar ','pagebreak},{ 'styles ','format ','font,'fontsize},{ 'textcolor ','bgcolor},{ 'maximize ','showblocks,,'syntaxhighlight} },—,
二,是最后的部分代码,你可以复制一个词搜索在它里面,即使有syntaxhighlight,在发布代码见我。在你自己的位置的话syntaxhighlight和CKEditor,你知道!
在那之后,代码的两个部分已经被修改了,文章回到后台,找到了键,就像我的第一个截图一样!这可以插入和使用!
当然,最后一步是通过在前台添加JS样式来控制语法高亮代码!
这是修改模板文件中的HTML页面,并把我的代码放在下面!
因为我用我自己ja_purity模板,打开HTML页面的开头如下
复制代码代码如下所示:
URL地址(>模板系统 / /系统CSS,CSS);type =文本/ CSS / >
URL地址(>模板系统 / / CSS,CSS);type =文本/ CSS / >
Templateurl(> / /模板CSS,CSS);type =文本/ CSS / >
URL地址(>插件 / / /编辑ckeditor插件 / / / shcore.css syntaxhighlight风格);或
URL地址(>插件 / / /编辑ckeditor插件 / / / shthemedefault.css syntaxhighlight风格);或
GetParam('rightcollapsible ')):>
无功rightcollapsedefault = 'getparam('rightcollapsedefault ');;
无功excludemodules = 'getparam('excludemodules ');;
冷漠,有很多js的部分。没有与代码的语法突出显示对应的js文件。我说,我会用几种,如PHP、C #、XML、Js等,将不能使用。
害怕装货速度!哈哈 uff01
这基本上可以!让我们做你自己的测试!我就是这么做的!
当然,他们中的许多人提到其他人,特别是附录I也使用其他人发布!现在分享它!
ckeditor3.x-syntaxhighlight.rar
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。