JSP pages use Rich Text controls CKEditor custom styles __jsp

Source: Internet
Author: User
Tags border color

CKEditor Environment, please refer to the introduction of CKEditor3.6 tutorial in JSP
JSP pages submit form data using Rich Text control CKEditor

JSP uses CKEditor and Ckfinder to implement rich text and upload functions

Find the Ckeditor.js in the CKEditor directory, modify the contents and add your own settings to it

Ckeditor.editorconfig = function (config) {//Define changes to default configuration here. For example://config.language = ' fr ';
	Set Language style fr French config.uicolor = ' #AADC6E ';//modify Border color//set width high config.width = 700;
	Config.height = 200;  
	Config.toolbar = ' Mytoolbar ';  
	Config.toolbar = ' full ';  
	Config.toolbar = ' Basic '; Config.toolbar_full = [[' Source ', '-', ' Save ', ' newpage ', ' Preview ', '-', ' Templates '], [' Cut ', ' Copy ', ' Paste ', ' Pa Stetext ', ' Pastefromword ', '-', ' Print ', ' spellchecker ', ' Scayt ', [' 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 ', ' creatediv '], [' Justifyleft ', ' justifycenter ', ' justifyright ' , ' Justifyblock '], [' bidiltr ', ' Bidirtl '], [' Link ', ' UnlinK ', ' Anchor '], [' Image ', ' Flash ', ' Table ', ' horizontalrule ', ' smiley ', ' Specialchar ', ' pagebreak ', ' Iframe '], '/',   

	[' Styles ', ' Format ', ' Font ', ' fontsize '], [' TextColor ', ' bgcolor '], [' Maximize ', ' showblocks ', '-', ' about ']]; Config.toolbar_basic = [[' Bold ', ' Italic ', '-', ' numberedlist ', ' bulletedlist ', '-', ' Link ', ' Unlink ', '-', ' A 
	Bout ']]; Config.toolbar_mytoolbar = [[' NewPage ', ' Preview '], [' Cut ', ' Copy ', ' Paste ', ' pastetext ', ' Pastefrom Word ', '-', ' Scayt '], [' Undo ', ' Redo ', '-', ' find ', ' Replace ', '-', ' selectall ', ' Removeformat '], [' Image ', ' F   
        Lash ', ' Table ', ' horizontalrule ', ' smiley ', ' Specialchar ', ' pagebreak ', '/', [' Styles ', ' Format '],   
        [' Bold ', ' Italic ', ' Strike '], [' numberedlist ', ' bulletedlist ', '-', ' outdent ', ' Indent ', ' Blockquote '],   
[' Link ', ' Unlink ', ' Anchor '], [' Maximize ', '-', ' about ']];
 };


The effect chart is as follows:

Related Article

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.