26 123
发新话题
打印

[演绎插件] ■■丢掉内置编辑器,强大的插件版FCK editor,最新版支持WP2.6!!■■

■■丢掉内置编辑器,强大的插件版FCK editor,最新版支持WP2.6!!■■

         昨天升级到2.6后,发现内置的编辑器竟然只显示代码模式,参照一个帖子的解决方法改了代码还是老样子。本来就觉得自带编辑器功能太弱,之前用的是FCK editor精简版(也就这个版本可以用,不然就得自己动手,哎),我觉得功能太少,于是就在论坛里搜,看看有没有新版本,于是就找到这个帖子(http://wordpress.org.cn/thread-16651-1-1.html),然后按图索骥找到最新版为WP量身定做的FCK editor插件版,哈哈,开心啊   

        就是这个:Dean’s FCKEditor for WordPress plugin(V2.4.1) http://www.deanlee.cn/wordpress/fckeditor-for-wordpress-plugin/
        别看版本是2.4.1的,其实是基于FCK editor最新的2.6版制作而成,而且是多语言版本,安装后直接显示简体中午,欧耶~    安装很简单,和一般插件的安装方法一样,上传到plugins目录后,在后台启用就可以了。

        这个是前面那个帖子里有人贴的图片,大家看看效果先~
————————————————————————————————————————————

        这个效果是调整工具栏按钮后的,对里面的一些代码进行了微调,把不常用的按钮去掉了。我折腾了一晚上总算根据自己的喜好弄好了,下面是我自己调整的界面:




        稍微懂点的朋友可以根据自己的需要添加删除、甚至调整工具栏按钮的位置。编辑FCKEditor目录中的fckconfig.js文件和根目录下的custom_config_js.php文件,将不需要的按钮代码删掉。这两个文件都有一段关于工具栏的相同代码,我折腾了一晚上的经验是,这两个文件都得同时改。在这两个文件里找到如下代码,工具栏按钮都对应在里面,懂点英语的都看得出来,嘿嘿:
复制内容到剪贴板
代码:
FCKConfig.ToolbarSets["Default"] = [
['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
'/',
['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
'/',
['Style','FontFormat','FontName','FontSize'],
['TextColor','BGColor'],
['FitWindow','ShowBlocks','-','About'] // No comma for the last row.
] ;


        如果你要增加字体及字号,可以在上面提到的fckconfig.js文件里,找到相应的代码进行修改,具体可以参照这位高手的文章:http://blog.manbu.biz/?p=138
         一开始我就是照着他这篇文章改的,他文章里的做法是只需要修改fckconfig.js文件一开始还起作用,后来改的次数多了,不知道为什么就不起作用了,连编辑器界面都没了,后来才发现还得改custom_config_js.php
         所以大家也试试看,或许是我的问题

         值得一提的是,这个版本的上传功能完全没问题,而且可以和系统自带的上传功能并存,但有兼容性问题,待会我会具体说的。

         除了功能强大,这个版本最大的好处我觉得是在后台增加了一个设置选项,可以方便地更改文件上传路径以及存放表情图片的文件夹的路径,也就是说,添加和更换表情变得非常简单
         大家看看效果先~




         有需要的话我可以把我自己调好的2个文件打包传上来,呵呵~
----------------------------------------------------------------------------------------------------

我自己改好的2个配置文件,分别替换上述2个位置的同名文件即可。


[ 本帖最后由 gcm 于 2008-7-30 03:30 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

        接下来我们看看后台设置。插件启用后,会在后台的设置菜单里找到FCK editor的设置选项:




       接着我们来看看后台的设置(点击放大)。


       设置里面有个Default Link Target的选项有人知道是干吗用的吗?









[ 本帖最后由 gcm 于 2008-7-29 15:37 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

         接下来说说这个编辑器和系统自带上传功能的兼容性问题。启用这个编辑器后,系统自带的上传功能还是可以使用的,上传文件什么的都没问题,但如果要把上传的文件插入到编辑窗口里,就不行了。我这里的情况是点如图所示的“插入到日志”按钮后,上传界面就变成空白,成假死状态,只能关闭。所以实际上系统自带的这个上传功能变得很鸡肋,不知道有高手可以解决吗?因为有时候觉得系统的上传功能还是挺好用的,简单、直接。



一点“插入到日志”按钮,就变白假死。。。。




[ 本帖最后由 gcm 于 2008-7-29 15:52 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

        最后说说FCK editor自带的文件上传功能的问题。实际FCK editor的这个上传界面包含了3种上传方式,奇怪的是这两种上传方式上传的文件目录是不一样的,我找遍了相关设置,目前还没找到解决办法。咱们还是看图说话直观点。
        第一种:点上传图片按钮后,在上传标签页里直接上传。我测试下来,可以上传各种类型的文件(当然是FCK editor支持的类型)


        第二种:在图像标签页里点“浏览服务器”按钮,会弹出一个文件管理界面,界面下面有个上传文件的地方。这里只能上传图片文件。




        第三种,是在“链接”标签页里,点“浏览服务器”按钮后,出来和上面一样的文件管理界面,所不同的是,这里你可以在左上角选择上传文件的目录,不同的目录可以对应上传不同类型的文件。如File就可以上传一般文件,Image就是图片,Media就是多媒体文件。





       我测试下来发现,第一种和后面两种的上传路径是不一样的。后面两种上传的文件都会自动归到相应的文件夹里,而第一种就直接放在前面设置好的上传文件夹的根目录下面。

       有人知道“高级”标签页里的选项具体是什么含义,如何设置呢?


       总的来说,FCK editor的上传功能还是很强大的,和系统自带的相比就差没有删除已传文件的功能了。


[ 本帖最后由 gcm 于 2008-7-29 16:28 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

很好很强大。
不过我暂时不需要这些功能,内置编辑器已经够用了。

TOP

引用:
原帖由 gcm 于 2008-7-30 11:17 发表
         接下来说说这个编辑器和系统自带上传功能的兼容性问题。启用这个编辑器后,系统自带的上传功能还是可以使用的,上传文件什么的都没问题,但如果要把上传的文件插入到编辑窗口里,就不行了。我这里的情况是点 ...
你换成Firefox浏览器试试!

TOP

引用:
原帖由 fkper 于 2008-7-29 15:55 发表


你换成Firefox浏览器试试!
没用的,Firefox也是一样的问题,难道是我人品问题?

Safari没有出现假死,但点了插入后界面一闪就关掉了,图片也没插入


哦对了,我用的是Vista,待会换XP试试看

TOP

FCK这个名字怎么看怎么像老外粗话里那个常用单词的缩写啊

TOP

引用:
原帖由 gcm 于 2008-7-30 11:34 发表
      
Maxthon Shot 07 30 08 - 12 21 20.jpg (16.26 KB)
2008-7-30 12:22



       ...
呵呵,正好本人管理的一个CMS也是FCK editor,说说一般的FCK editor的这里吧。
个人理解,是给插入的图像附加一些属性。
ID:比如<img id="thisimg" src="xx.jpg" />(我输入ID是thisimg)
这样可以通过CSS或者JS控制该图片,最简单的如果你希望点击某超级链接定位至该图片,则输入<a href="#thisming">定位至thisimg图片</a>就可以了。

语言(我这里FCK默认显示的是语言方向):img标签加入dir="ltr"(我选择从左到右)
文字的显示方向,从左到右或从右到左。

语言代码:img标签加入lang="en"(我输入的是en),应该为了搜索引擎便于对图片分类和索引。

详细说明地址:加入l(我输入的dddddd)
大概是和图片有关的描述和相关网址吧,感觉还是跟SEO有关。

样式类名称:加入class="dddd",如果你的样式表里有这个名称的类,那么会调用该类对于图片的修饰。
可以用这里区分修饰图片,比ID更灵活(ID只针对本图片作用),比如给一系列class是dddd的图片都加上边框……

标题:加入title="ddd"(我输入的ddd),图片的名字,大概还是针对搜索引擎吧,个人感觉不如alt有用。

行内样式:加入style="border:10px"(我填的border:10px)
要自行填入针对该图片修饰的css代码,感觉和ID或者Class作用差不多。

总结,该页都是针对图片的修饰和SEO的设定。

另外,FCK可见编辑模式下,插入的图片点击右键是可以再编辑这些属性的,填错了重新填就可以。只要你的浏览器没有拦截窗口……
www.loyhome.cn 落园
慢慢悠悠改版中,欢迎来踩……

TOP

引用:
原帖由 xinxing0033 于 2008-7-29 18:35 发表

呵呵,正好本人管理的一个CMS也是FCK editor,说说一般的FCK editor的这里吧。
个人理解,是给插入的图像附加一些属性。
ID:比如(我输入ID是thisimg)
这样可以通过CSS或者JS控制该图片,最简单的如果你希望点 ...
好专业,学习了,呵呵

TOP

 26 123
发新话题