Add FCKeditor plug-ins need to be aware of places _ Web editor

Source: Internet
Author: User

So I decided to change the editor when I was on the WC. But I usually do Google before the start, so often will be very effective, found in fact FCKeditor support Plug-ins, a lot of plug-ins after a simple configuration can be used. However, this aspect of how to use the information on the plugin is very little (perhaps I am too stupid), give you a plug-in package, how to use it? Several Plug-ins have been tested and found the corresponding method, in fact, very simple.

1. Put the plugin into the corresponding plug-in directory "/fckeditor/edito/plugins/" inside.

2. Open "/fckeditor/fckconfig.js", find "fckconfig.toolbarsets[" "Default" = ["that paragraph, you can choose a position to add a plug-in, tool location can be arbitrarily adjusted."

Copy Code code as follows:

fckconfig.toolbarlocation = ' in ';

fckconfig.toolbarsets["Default" = [
[' Source ',/* ' BBCode ', ' 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 ', ' creatediv '],
[' Justifyleft ', ' justifycenter ', ' justifyright ', ' justifyfull '],
[' Link ', ' Unlink ', ' Anchor '],
[' Image ', ' Flash ', ' remoteupload ', ' insertplayer ', ' KMP ', ' YouTube ', ' insertcode ', ' Table ', ' rule ', ' smiley ', ' Specialchar ', ' pagebreak '],
//'/',
[' Style ', ' Fontformat ', ' fontname ', ' fontsize '],
[' TextColor ', ' bgcolor '],
[' Fitwindow ', ' showblocks ', '-', ' about ']//No comma for the last row.
] ;

3. Find the "Fckconfig.pluginspath = Fckconfig.basepath + ' plugins/';" You can add the corresponding plug-ins below, how to add to see whether the plug-in has a multilingual version, the following 2 methods. But be very careful: Be sure to be case-sensitive and consistent with what is defined in the plug-in. Because I do cross-domain, some plugins also need to set document.cookie= "Jb51.net".
Copy Code code as follows:

Fckconfig.pluginspath = Fckconfig.basepath + ' plugins/';
FCKCONFIG.PLUGINS.ADD (' remoteupload ', ' en,zh-cn ');
FCKCONFIG.PLUGINS.ADD (' Insertplayer ');
FCKCONFIG.PLUGINS.ADD (' KMP ');
FCKCONFIG.PLUGINS.ADD (' YouTube ', ' en,zh-cn ');
FCKCONFIG.PLUGINS.ADD (' Insertcode ');
....

4. Some plug-ins (such as: Insertcode, is our blog when the "Insert Code"), in the background after editing no relevant CSS style, do not see the effect (this article code is only in a text box), then how to do can immediately see the effect? We can find "fckconfig.editorareacss = Fckconfig.basepath + ' css/fck_editorarea.css '", this "fck_editorarea.css" is the style of the post editing area, We can copy the CSS content from the Insertcode here. It's easy.

Originally wanted to simply use a mini blog to remember, can not write, feel the blog to write these let others think I am an idiot. Hey, hehe. After the division of labor, mini Blog to write ideas, here is written to realize the idea of the process.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.