ckeditor에 syntax highlighter 세팅하기

현재 주소 복사
트랙백 주소 복사
방실이님의 글 (9/2/2010 5:30:40 PM) Viewing : 8384

ckeitor 설정에 대한 글은

http://www.bangsil.net/MyArticles?postId=a7f36b53-6f9d-474b-a669-2b983cb17015

를 참고 하시면 되겠네요..

syntax highlighter 라는 것은 번역을 하자면 구문 강조 쯤 되겠네요.

이것은 html 페이지에 코드 블럭을 설정해 주는 것입니다.

물론 현재 이 사이트에도 적용 되어 있구요 이 아티클에도 사용되고 있지욤..

처음에 syntax highlighter 만 적용 했을 경우 ckeditor와 궁합이 안맞아서 태그가 깨지는 현상이 발생됩니다..

대략 난감 하죠..

어느 분이 이런 저같은 사람을 어여삐 여겨 플러그인을 만들어 놓으셨군요..클클...

이제 적용법을 알아 보도록 하겠습니다.

먼저 syntax highlighter 설치를 해야 겠지요?

http://alexgorbatchev.com/SyntaxHighlighter/

이것을 만드신 분의 사이트입니다..개략적으로 읽어 보도록 하십시요.

오늘 날짜(2010-09-02) 기준으로 3.0.83 버전을 다운 받을 수 있군요.

압축을 풀면 테스트 해 볼수 있도록 잘 만들어져 있고요..뭐 각자 해보시기 바래요.

scripts 폴더를 열어 보면 엄청나게 많은 스크립트들이 있군요.

이중에서 필요한 것만 추려 봅니다.

필수 스크립트는 shCore.js 와 shLegacy.js 가 되겠습니다.

이 외에는 필요한 Brush파일만 설치 하세요..필요한 것이란..하이라이팅을 하고자 하는 언어를 의미합니다.

저의 경우는 csharp, css, javascript, xml, sql 정도 설치 했습니다.

이제 css 를 설치 해보지요.

styles 라는 폴더를 보시고 shCore.css 파일과 맘에 드는 테마 저는 그냥 Default로 했네요.(shThemeDefault.css) 를 설치 합니다.

자 이제 설치한 경로를 해당 페이지에 각각 링크를 걸어 주시고요..

SyntaxHighlighter.config.bloogerMode = true;
SyntaxHighlighter.config.tagName = 'pre';
SyntaxHighlighter.config.strings.help = '?';
SyntaxHighlighter.all();

페이지의 상단에 위와 같이 스크립트 코드를 작성해 주시면 끝....

아주 간단하지요???

그런데 ckeditor에서 이렇게 사용하면 문제가 발생합니다..ㅎㅎㅎ


그래서 플러그인을 설정해 봅니다...

http://code.google.com/p/ckeditor-syntaxhighlight/

위 링크에 가서 플러그인을 받아 봅니다.

다운 받아 압축을 풀고 syntaxhighlight 라는 폴더를 통채로

사이트/ckeditor/plugins/에 복사 합니다.

마지막으로

사이트/ckeditor/config.js 파일을 열어서 아래와 같이 고칩니다.

CKEDITOR.editorConfig = function(config) {
    config.extraPlugins = 'syntaxhighlight';        //Add the plugin   
    config.toolbar_Full.push(['Code']);  //add the plugin button to the full toolbar
};

이렇게 세팅을 하면 끝...은 아니고요..

이렇게 세팅하면 에디터의 맨 마지막에 코드라는 아이콘이 생성됩니다.

그러나 열어 보면 아시겠지만..엄청나게 많은 언어들을 지원하지요..

그러냐 여기서 세팅한 언어는 딸랑 5개뿐..(shBrush 파일)

그러므로 이부분을 제거해 주어야 합니다.

사이트/ckeditor/plugins/syntaxhighlight/dialogs/syntaxhighlight.js 파일을 엽니다.

코드 최소화가 되어 있는 상태입니다. 스크롤바를 오른쪽으로 쭈욱 당기면서...코드의 나열을 찾아 봅니다.

귀찮으신 분들은..C# 으로 찾아 보시길..^^;

대략 아래와 같은 구조로 되었네요.

[["C#", "csharp"], ["CSS", "css"], ["Javascript", "jscript"], ["SQL", "sql"], ["XML/XHTML", "xml"]]

자 불필요한 것을 지워 버리면 끝..

즐겁게 사용하시길...


마지막 업데이트 : (9/15/2010 2:40:00 PM)




Trackback 보기 (0)
댓글 보기 (8)
BillyValFK님의 글 (2/14/2021 6:38:10 AM)
Здравствуйте
Если у кого то есть проблемы с мужским здоровьем то заходите по ссылке
Женские возбудители Приобрести с доставкой. Загляните на наш аптеку

Means for improving male strength. Increase in potency and prolongation of sexual intercourse. Come to us.
http://bit.ly/3oZOKnO


1e9c1a255f36442aa274ee111a22155c



James20210MixZJ님의 글 (2/14/2021 9:43:01 AM)
Google Shared Drive Unlimited

Shop - https://unlim.exaccess.com
unlim.exaccess.com

FAQ:
https://t.me/unlim_shop - @unlim_shop
https://icq.im/unlim- 611921406



WilliamacaspHW님의 글 (3/17/2021 6:31:22 AM)
[url=https://ligablog.ru/akcii]Лига Ставок акции[/url] и ещё много чего



ArthurreFRV님의 글 (3/17/2021 6:31:22 AM)
[url=https://fonblog.ru/bonus/]Фонбет бонусы[/url]



JosephfraloSC님의 글 (4/12/2021 5:26:39 AM)
[URL=https://www.ninisilk.com/]silk[/URL]
[URL=https://www.ninisilk.com/]silk pajamas[/URL]

Chi Hair Products - Chi Silk Infusion

Or will or not it's another vanishing cottage bizz? Warmer pajamas: I am used to wearing shorts and a t-shirt to sleep. Wash Thai silk best by hand by using a very mild soap. Gently press the towel help to make the scarf dry.

The traditional symbol of silk as the sign of wealth runs deeply. Sarees made of silk can be popular for special events like weddings in India and around the globe. Fortunately there are ways to ensure that you get the quality material that you'll be looking on. Your journey to find and purchase a fabulous silk saree will be smooth and straight after learning just 5 tactics.

Handmade silk is probably the most lustrous and luxurious of normal textiles. You want help make that special someone feel sort of a million bucks (without smashing the bank) buy something silk, as being a gorgeous hand-woven silk shawl or scarf.

We learn of many issues with financial woes because of that particular fine pads. It may be because belonging to the dynasty's that have come to get afflicted with a real say in monetary associated with silk, but we know that many countries experienced their hand in manufacturing this fabric. The economy of China has benefited largely from the sheer quantities of factories associated with provinces these Asian masse. At one time 28% of their gross domestic product was silk ship. Up to 50 % of Japans export was Silk at one time as now. Of course you are nations getting into the act of manufacturing this fine material, times have superceded.

An older woman in the cloak with a face regarding wrinkles and smiles drove the third cart. Her covered cart was pulled by utilized donkey and was enveloped with several silk pajamas stuff. Piles of cookware hung using a outside from the cart. The last thing the pots were filled with various living plants and dried capsules. The inside for the cart was filled with books. She stopped her cart and looked at me like I the wet new puppy.

After the silk worms build there cocoon, substantial killed with heat. Silk worms build their cocoons with mouse click away . few long thread, 500-1000 meters considerable. Factory workers brush the near the cocoon to find out the end for this thread, right after which reel it off to make fabric, or stretch against eachother to make silk floss for a comforter.

Sexy Costumes can be multi-taskers. Additionally to its sexual appeal, Sexy Sleepwear is created ultimate comfort while sleeping. Comfort does not mean sloppiness mind. Rather, it translates into charmeuse or silk pillowcase pajamas; they are soft for your skin also as soft to the touch. Other sleepwear any cami top paired with Capri pants or a chemise with a deep V neckline with lace and side cuts. Another sexy look for bedtime may be the classic sleep shirt. It skims consume and rests on the upper thighs. Men love the looks of a woman in a sleep shirt or even if their own shirt.

When purchase pajamas about your pup, components consider all of the features that it could offer. You can get your money's worth if you can get numerous features you can in single type. It is just like hitting two birds with one stone.

Looking back, as beautiful as our creations were, the products we used were nowhere near the quality available as we speak. Silk plants I see now are unbelievably vibrant and real life. I've seen silk plants Simply put i had to feel recognize if these real. I especially enjoy live plants with silk flowers mixed found in. A clever way of adding more variety and color without flowers wilting. Silk trees and silk plants can balance a place by filling out spaces with year round color and sweetness.

If you would want to grow your hair long there are a handful tips you can try that could actually help. Proper health and care for your hair will definitely make a difference and taking to heart a handful of these suggestions below will help too.

B) One fact would be that traditional Thai silk is hand-woven meaning that that no fabric is the same, and each one is exclusive. Artificial silk is machine woven, for that reason has always the same color every part of the fabric looks exactly the same.

Visit your local fabric store to choose supplies you'll need to produce your decorative cushions. If there isn't one nearby, you likewise find cash fabric and supplies via internet. Or, you likely have an existing item of clothing along with other fabric in your home a person simply want to recycle to do this project.

Be certain to deep condition your hair with a protein-based conditioner once or twice silk pillowcase thirty day period. In between deep conditioning treatments, use a larger quality protein based leave in conditioner to hydrate your pelt.

Obtain a silk scarf and wrap it around your pillow at the dark. A silk pillowcase will work just too. When you wake up in the morning, curly hair will be easier to manage, and it will take a shorter period to get ready in the morning.

1) Ultimate luxury: silk pajamas sheets and pillowcases are the ultimate luxury in pillows and comforters. The feeling against your skin is smooth and soft. Cargo area looks luxurious in the insulation and when lie on it, a person are like a king or queen. Silk is therefore, pricier than cotton, nevertheless it will also last you with a long any time.

Sleeping in a pitch black room is the perfect environment for people to sleep in. Eye masks for sleep wouldn't really work. It has everything to use every little light that most of us are encountered with. As dark as it is due to night for you, so must your day be as bright as it ever was! Wake up and bask regarding sun's warmth and paler. Light sensors on our bodies trigger hormonal regulation in time.

Lastly, obtaining silk the economies, work involved . a 2% deficit planet world economies, as the whole. It is safe to say, where on the net be without silk. For we are nations of need and want for distinct.
[URL=https://www.ninisilk.com/collections/silk-underwear-for-women]ladies silk underwear[/URL]
[URL=https://www.ninisilk.com/collections/silk-dress]long silk dresses with sleeves[/URL]



JoshuaknopsFV님의 글 (4/18/2021 3:52:13 PM)
[URL=https://www.insnecklace.com/]december birthstone[/URL]
[URL=https://www.insnecklace.com/]necklace girlfriend[/URL]

Seed Pearl Popularity Back Again To The 18Th Century

One can still wear it in the next years to come. I draped the necklace the particular cookies and sealed upward. Have your name written and correctly spelled in silver. As compared to 14 inches and the pendant can crowd the neckline.

Did kind of person it's possible to create and customize your own medical bracelets? All you would like to do is go as well as mix and match! Whether you need to customize one for yourself or for their loved one, you will quickly the process to be very enjoyable and good. It's also simple and easy. You can also add your favorite symbol and have any words you want engraved in it. There are many different styles, colors, and designs to select from. Whoever thought medical bracelets could make such a solid fashion statement?

The growing trend in jewelry getting it personalized such being a name necklace. Today, so many Hollywood stars like Jennifer Lopez are showcasing their personalized jewelry; and are cheaper . even become fashionable on the list of public put on a copy of their signature accessories. While some prefer to wear fashion jewelry in addition to favorite actresses and singers, many also proudly wear their own necklace that reads their name on it. Indeed, one of the best gifts to get someone you love is a customized necklace. Please read on to discover why getting a nameplate necklace should be one of the first rules to consider when thinking of a great gifts.

As appear for personalized necklaces, you will spot that these are typically created using silver and gold. The letter is actually written by the crafter and also can select from different lettering types. Yes, there plenty of resource material of lettering types a person personally choose from, you can make script, block and all night. Actually, you quite possibly not only name necklaces but you can get earrings and bracelets as in reality. You can get necklace, bracelet and earrings and show off your name anywhere an individual.

The 125West Ruby is currently for sale and would definitely produce many amazing stones for crafting custom bracelets. Its estimated value is currently anonymous.

Then, because it was rice, I went to a Chinese restaurant and also a take-out container coupled with them fill it up with fortune cookies. I draped the necklace the actual cookies and sealed it up.

As title implies, the 28 to 34 inch Opera length is designed for adding sophistication to a proper gown or blouse. The space naturally pulls the eyes down custom necklaces inside your chest. Take out joints . be ideal if your bust lines are more flattering than your neckline. Be sure, though, that your bra is every bit as complimentary.

There are extensive other great gift ideas that are original. Achievable ask a vendor to fill a gift basket to the brim with unique baby gifts get been also usable. For a baby shower, diaper cakes are beautiful yet practical gifts that new parents will treasure. A diaper cake is a unique baby gift that can double for a centerpiece effectively. If you are on a tight budget, nappy cupcakes are simply as beautiful and rewarding. Baby bouquets made of colorful baby clothes rolled into a flower shape are very popular nowadays.

Baskets will also a demand for every home. Without them, clothes can bring together on the floor, chairs, tables, and many more. You can't obtain that many hooks in a family house to hang used clothes on, suitable? Having laundry baskets is an absolute must have then. And in this day and age, you should add removable canvas inserts to add more convenience for the gathering and transport of laundry.

Pearl necklace costume jewelry has become very popular recently along with that is really nice for that don't have a budget consists of real or cultured spheres. There are many kinds of quality pearl necklaces that you must know about when you are ready to invest in an individual.

As the name necklace implies, the 28 to 34 inch Opera length is of great help for adding sophistication to a proper gown or blouse. The gap naturally pulls the eyes down on your own chest. Might mean be ideal if your bust lines are more flattering than your neckline. Be sure, though, that your bra is evenly complimentary.

You end up being starting to think about ways teaching you how to make your mom feel her effectively. You can simply ask her to stop worrying about web site to residence. This means that traditions take power over all household concerns like cleaning, doing the dishes and other domestic own personal needs. This is a simple way of giving her a break of all of the worries at home and you likewise letting her feel you are sure that that she's having difficulty and you want to share that burden.

Personalized and unique baby presents are made for a bash or obviously any good first birthday bash. If you want a present that is original and different, however choose personalized necklaces, designer diaper bags, deluxe baby baskets, personalized blankets and many more. A homemade gift is not just unique but this baby gift of this heart could have a sentimental value that priceless. A homemade scrapbook, knitted booties or handmade baby blanket will groundwork in checking treasured from parents.

Majority for the women prefer buying ready-made jewelry. Is actually a vast number of jewelry sets available a market yet they cannot take that can put of handmade jewelry. Ingredients thing may be the ready-made jewelry is highly expensive exactly why should we waste our money on this jewelry many of us can become a success at home? Yes, it is right; similar to easily design custom necklaces jewelry at residential. In fact, homemade jewelry looks more beautiful than ordinary .

If need to search, it will be easy to find various designs of charm necklaces. You can even ask for something personalized that will help truly refer to it as your personally own. The maker can give you a charm necklace that has your name on the concept. Birthstones can also be added towards piece. Many of these necklaces are hand built. Hence, you can be sure that it is fine piece and you can made the way that you seek out.

So autumn your opportunities if you're considering what look at with your unloved gold jewelry. Sure, you could just go ahead and take cash and run, around the other hand might you have to be fun moves through something that will be uniquely yours. Not only is this kind of of recycling good for that environment, but it's also easy on the wallet. Maybe you can turn your old gold into an important piece of custom jewelry, such as a wedding ring or a sacramental keepsake cross for your own child's holy communion, believe that you'll just create a stupendous one-of-a-kind statement piece likewise allows surely work as envy of your pals / buddies. Whatever you consider to do along with your old gold, you'll recognise it served a purpose other than putting some spare grow to be your safety pocket. It was recycled into a shiny new piece of custom jewelry.
[URL=https://www.insnecklace.com/tips-for-shopping-for-valentines-day-jewelry-on-valentines-day/]valentines jewelry[/URL]
[URL=https://www.insnecklace.com/personalized-gemstone-birthstone-rings/]november birthstone rings[/URL]



JosephfraloSC님의 글 (4/18/2021 5:55:29 PM)
[URL=https://www.ninisilk.com/]silk robe[/URL]
[URL=https://www.ninisilk.com/]silk scrunchie[/URL]

Chi Hair Products - Chi Silk Infusion

Or will it be possible another vanishing cottage market place? Warmer pajamas: I am used to wearing shorts and a t-shirt to bed. Wash Thai silk best by hand by employing a very gentle soap. Gently press the towel come up with the scarf dry.

The permanent symbol of silk as a sign of wealth runs deeply. Sarees made of silk can be extremely popular for special events like weddings in India and around the world. Fortunately there are methods to ensure that you get the quality material you happen to be looking to find. Your journey to find and get a fabulous silk saree will be smooth and straight after learning just 5 tactics.

Handmade silk is probably the most lustrous and splendid of healthy textiles. Prone to want help make that someone special feel like a million bucks (without damaging the bank) buy something silk, sort of a gorgeous hand-woven silk shawl or headscarf.

We know of many issues with financial woes because of this fine material. It may be because of this dynasty's that have come to build a real say previously monetary value of silk, but we are all aware that many countries experienced their return manufacturing this fabric. The economy of China has benefited largely from the sheer quantities of factories regarding provinces for this Asian monde. At one time 28% of gross domestic product was silk upload. Up to a portion of Japans export was Silk at on one occasion as certainly. Of course with many nations acquiring it the act of manufacturing this fine material, times have metamorphosed.

An older woman within a cloak using a face brimming with wrinkles and smiles drove the third cart. Her covered cart was pulled by an old donkey and was enveloped with all manner of silk pajamas stuff. Piles of kitchen tools hung regarding the outside with the cart. Most of the pots were filled with various living plants and dried pills. The inside within the cart was filled with books. She stopped her cart and looked at me like I was a wet puppy.

After the silk worms build there cocoon, they are killed with heat. Silk worms build their cocoons with just few long thread, 500-1000 meters lengthy. Factory workers brush the just outside of the cocoon to find the end from the thread, right after which reel nicely to make fabric, or stretch versus eachother to make silk floss for a comforter.

Sexy Costumes can be multi-taskers. Additionally to its sexual appeal, Sexy Sleepwear is used for ultimate comfort while lying down. Comfort does not mean sloppiness having said that. Rather, it translates into charmeuse or silk pillowcase pajamas; they are soft located on the skin as well as soft to the touch. Other sleepwear includes a cami top paired with Capri pants or a chemise by using a deep V neckline with lace and side cuts. Another sexy look for bedtime could be the classic sleep shirt. It skims your system and rests on the top of the thighs. Men love the planning of a person in a sleep shirt or for the duration of their own shirt.

When purchase pajamas towards your pup, it is vital consider all the features that it could offer. You will get your money's worth provided you can get the largest number of features also . in easliy found . single portions. It is just like hitting two birds with one stone.

Looking back, as beautiful as our creations were, the products we used were nowhere near might not available in this time. Silk plants I see now are unbelievably vibrant and real life. I've seen silk plants I actually had to feel comprehend if they were real. I especially enjoy live plants with artificial flowers mixed in. A clever way of adding more variety and color without flowers melting down. Silk trees and silk plants can balance a room by completing spaces with year round color and wonder.

If you would want to grow your hair long there are many tips you can try that can certainly help. Proper health and taking good care of your hair will make a difference and taking to heart a few of these suggestions below will help as well.

B) One fact is usually traditional Thai silk is hand-woven indicates you that no fabric will be the same, with each one is exclusive. Artificial silk is machine woven, that it has always the same color and each and every part of this fabric looks exactly the same.

Visit a regional fabric store to pick the supplies you'll need to create your decorative special pillows. If there isn't one nearby, you could find associated with money fabric and supplies to the. Or, you might have an existing item of clothing a further fabric with your home an individual want to recycle for this project.

Be going to deep condition your hair with a protein-based conditioner once or twice silk pillowcase thirty day period. In between deep conditioning treatments, use quality protein based leave in conditioner to hydrate your hair do.

Acquire a silk scarf and wrap it around your pillow at the dark. A silk pillowcase will work just too. When you wake up in the morning, your own hair will be easier to manage, and it'll take a shorter time to get ready in the morning.

1) Ultimate luxury: silk pajamas sheets and pillowcases always be the ultimate luxury in mattresses. The feeling against your skin is smooth and soft. Sleep looks luxurious in insulating material and activity . lie on it, a person are like a king or queen. Silk is therefore, pricier than cotton, but it really will also last a long times.

Sleeping in the pitch black room is the best environment for us to sleep in. Eye masks for sleep wouldn't really make the grade. It has everything to do with every little light that many of us are exposed to. As dark as it what food was in night for you, so must working day be as bright as it ever was! Wake up and bask planet sun's warmth and light. Light sensors on our bodies trigger hormonal regulation in time.

Lastly, with out silk our own economies, there is a 2% deficit regarding world economies, as a huge. It is safe to say, where a safe be without silk. For we are nations of need and want for for sure.
[URL=https://www.ninisilk.com/collections/silk-pillowcase]best silk for pillowcases[/URL]
[URL=https://www.ninisilk.com/collections/shirts-blouses]green silk blouses[/URL]



BarbaraTonIW님의 글 (6/2/2021 4:11:13 PM)
<a href=https://vishkatura.blogspot.com/2021/05/Kiloton.by.html>лучшие вышки туры</a> ? это передвижные приспособления, предназначенные для высотных работ. Используются при возведении промышленных и гражданских сооружений, реставрации памятников архитектуры, отделке помещений. Помимо строительной области, они нашли применение в обслуживании вентиляционных систем и рекламных щитов, осуществлении клининговых мероприятий (мойки витражных и стеклянных элементов многоэтажек), замене светильников. Их часто арендуют для шоу, киносъемок, телевидения с целью размещения оборудования. Они представляют собой сборную жесткую металлическую конструкцию в форме башни. Наклонные лестницы обеспечивают доступ к горизонтальным настилам, количество которых регулируется.
<a href=https://vk.com/vyshki_tur>вышка тура техно 3 4107 алюмет</a>на колесах могут комплектоваться несколькими рабочими площадками, но для работы обычно используются не более двух. Рабочий уровень (<a href=https://vk.com/wall-187610116_6>вышка тура вср 4</a>) представляет собой несущие ригели со специальными зацепами, на которые кладут дощатые щиты. Для обеспечения максимальной безопасности, при установке более 4.0 м., прикрепляют к стене анкерными креплениями. По желанию заказчика, комплектуются дополнительными щитами-настилами. Монтаж и демонтаж вышки туры не занимает много времени и труда, так как она состоит из элементов с малым весом, которые легко поднимаются на самый верх и устойчивой колесной базой. Соединятся они двумя способами, либо вставляются труба в трубу, например рамы, либо соединяются флажковыми замками, что не требует никаких инструментов и специальных навыков.
В нашей компании Вы можете выбрать или <a href=https://www.facebook.com/sreoylesa>вышка тура алюминиевая алюмет техно 3</a> с бесплатной доставкой рассрочкой.



댓글 쓰기