Produced by Araxis Merge on 2/1/2017 2:57:56 PM Eastern Standard Time. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.
| # | Location | File | Last Modified |
|---|---|---|---|
| 1 | C:\Araxis_Merge_Comprasion\Pub_un\BTSSS_CIF_122016.zip\BTSSS_CIF_12_20_16\clean\CRM Portal\trunk\BTSSSPortal\js\ckeditor\samples\old\codesnippet | codesnippet.html | Tue Dec 20 19:50:50 2016 UTC |
| 2 | Wed Feb 1 19:57:56 2017 UTC |
| Description | Between Files 1 and 2 |
|
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 0 | 0 |
| Changed | 0 | 0 |
| Inserted | 0 | 0 |
| Removed | 1 | 236 |
| Whitespace | |
|---|---|
| Character case | Differences in character case are significant |
| Line endings | Differences in line endings (CR and LF characters) are ignored |
| CR/LF characters | Not shown in the comparison detail |
No regular expressions were active.
| 1 | <!DOCTYPE html> | |||||
| 2 | <!-- | |||||
| 3 | Copyright (c) 2003-2 015, CKSou rce - Fred erico Knab ben. All r ights rese rved. | |||||
| 4 | This softw are is cov ered by CK Editor Com mercial Li cense. Usa ge without proper li cense is p rohibited. | |||||
| 5 | --> | |||||
| 6 | <html> | |||||
| 7 | <head> | |||||
| 8 | <m eta charse t="utf-8"> | |||||
| 9 | <t itle>Code Snippet &m dash; CKEd itor Sampl e</title> | |||||
| 10 | <s cript src= "../../../ ckeditor.j s"></scrip t> | |||||
| 11 | <l ink href=" ../../../s amples/old /sample.cs s" rel="st ylesheet"> | |||||
| 12 | <l ink href=" ../../../p lugins/cod esnippet/l ib/highlig ht/styles/ monokai_su blime.css" rel="styl esheet"> | |||||
| 13 | <m eta name=" ckeditor-s ample-name " content= "Code Snip pet plugin "> | |||||
| 14 | <m eta name=" ckeditor-s ample-grou p" content ="Plugins" > | |||||
| 15 | <m eta name=" ckeditor-s ample-desc ription" c ontent="Vi ew and mod ify code u sing the C ode Snippe t plugin." > | |||||
| 16 | <m eta name=" ckeditor-s ample-isne w" content ="1"> | |||||
| 17 | <s tyle> | |||||
| 18 | ||||||
| 19 | #edi table | |||||
| 20 | { | |||||
| 21 | paddin g: 10px 20 px; | |||||
| 22 | } | |||||
| 23 | ||||||
| 24 | </ style> | |||||
| 25 | </head> | |||||
| 26 | <body> | |||||
| 27 | <h 1 class="s amples"> | |||||
| 28 | <a h ref="../.. /../sample s/old/inde x.html">CK Editor Sam ples</a> & raquo; Cod e Snippet Plugin | |||||
| 29 | </ h1> | |||||
| 30 | <d iv class=" warning de precated"> | |||||
| 31 | This sample is not maint ained anym ore. Check out its < a href="ht tp://sdk.c keditor.co m/samples/ codesnippe t.html">br and new ve rsion in C KEditor SD K</a>. | |||||
| 32 | </ div> | |||||
| 33 | ||||||
| 34 | <d iv class=" descriptio n"> | |||||
| 35 | <p> | |||||
| 36 | This e ditor is u sing the < strong><a href="http ://ckedito r.com/addo n/codesnip pet">Code Snippet</a ></strong> plugin wh ich introd uces beaut iful code snippets. | |||||
| 37 | By def ault the < code>codes nippet</co de> plugin depends o n the buil t-in clien t-side syn tax highli ghting | |||||
| 38 | librar y <a href= "http://hi ghlightjs. org">highl ight.js</a >. | |||||
| 39 | </p> | |||||
| 40 | <p> | |||||
| 41 | You ca n adjust t he appeara nce of cod e snippets using the <code><a href="http ://docs.ck editor.com /#!/api/CK EDITOR.con fig-cfg-co deSnippet_ theme">cod eSnippet_t heme</a></ code> conf iguration variable | |||||
| 42 | (see < a href="ht tp://highl ightjs.org /static/te st.html">a vailable t hemes</a>) . | |||||
| 43 | </p> | |||||
| 44 | <p> | |||||
| 45 | Select theme: <s elect id=" select"></ select> | |||||
| 46 | </p> | |||||
| 47 | <p> | |||||
| 48 | The CK Editor ins tance belo w was crea ted by usi ng the fol lowing con figuration settings: | |||||
| 49 | </p> | |||||
| 50 | ||||||
| 51 | <pre class ="samples" id="sampl eConfig"> | |||||
| 52 | CKEDITOR.r eplace( 'e ditor1', { | |||||
| 53 | <s trong>extr aPlugins: 'codesnipp et',</stro ng> | |||||
| 54 | co deSnippet_ theme: 'mo nokai_subl ime' | |||||
| 55 | } ); | |||||
| 56 | </pre> | |||||
| 57 | ||||||
| 58 | <p i d="ie8-war ning"> | |||||
| 59 | Please note that this plug in is not compatible with Inte rnet Explo rer 8. | |||||
| 60 | </p> | |||||
| 61 | </ div> | |||||
| 62 | ||||||
| 63 | <t extarea id ="editor1" > | |||||
| 64 | <p>J avaScript code:</ p> | |||||
| 65 | ||||||
| 66 | <pre> ; | |||||
| 67 | <code c lass="lang uage-javas cript"> function i sEmpty( ob ject ) { | |||||
| 68 | fo r ( var i in object ) { | |||||
| 69 | if ( object.ha sOwnProper ty( i ) ) | |||||
| 70 | return false; | |||||
| 71 | } | |||||
| 72 | re turn true; | |||||
| 73 | }</code ></p re> | |||||
| 74 | ||||||
| 75 | <p>S QL query:& lt;/p> | |||||
| 76 | ||||||
| 77 | <pre> ; | |||||
| 78 | <code c lass="lang uage-sql"& gt;SELECT cust.id FR OM cust LE FT JOIN lo c ON ( cus t.loc_id = loc.id ) WHERE cust .type IN ( 1, 2 );&l t;/code> ;</pre& gt; | |||||
| 79 | ||||||
| 80 | <p>U nknown mar kup:</p > | |||||
| 81 | ||||||
| 82 | <pre> ; | |||||
| 83 | <code&g t; _______ _________ | |||||
| 84 | / \ | |||||
| 85 | | How abou t moo? | ^__^ | |||||
| 86 | \_________ _______/ (oo)\_____ __ | |||||
| 87 | \ (__)\ )\/\ | |||||
| 88 | ||---- w | | |||||
| 89 | || || | |||||
| 90 | </code& gt;</pr e> | |||||
| 91 | </ textarea> | |||||
| 92 | ||||||
| 93 | <h 2>Inline e ditor</h2> | |||||
| 94 | ||||||
| 95 | <d iv class=" descriptio n"> | |||||
| 96 | <p> | |||||
| 97 | The fo llowing sa mple shows the <stro ng>Code Sn ippet</str ong> plugi n running inside | |||||
| 98 | an inl ine CKEdit or instanc e. The CKE ditor inst ance below was creat ed by usin g the foll owing conf iguration settings: | |||||
| 99 | </p> | |||||
| 100 | ||||||
| 101 | <pre class ="samples" > | |||||
| 102 | CKEDITOR.i nline( 'ed itable', { | |||||
| 103 | <s trong>extr aPlugins: 'codesnipp et'</stron g> | |||||
| 104 | } ); | |||||
| 105 | </pre> | |||||
| 106 | ||||||
| 107 | <p> | |||||
| 108 | <stron g>Note</st rong>: The <a href=" http://hig hlightjs.o rg/static/ test.html" >highlight .js themes </a> | |||||
| 109 | must b e loaded m anually to be applie d inside a n inline e ditor inst ance, as t he | |||||
| 110 | <code> codeSnippe t_theme</c ode> setti ng will no t work in that case. | |||||
| 111 | You ne ed to incl ude the st ylesheet i n the <cod e><head ></code > section of the pag e, for exa mple: | |||||
| 112 | </p> | |||||
| 113 | ||||||
| 114 | <pre class ="samples" > | |||||
| 115 | <head&g t; | |||||
| 116 | .. . | |||||
| 117 | &l t;link hre f="path/to /highlight .js/styles /monokai_s ublime.css " rel="sty lesheet"&g t; | |||||
| 118 | </head& gt; | |||||
| 119 | </pre> | |||||
| 120 | ||||||
| 121 | </ div> | |||||
| 122 | ||||||
| 123 | <d iv id="edi table" con tenteditab le="true"> | |||||
| 124 | ||||||
| 125 | <p>JavaScr ipt code:< /p> | |||||
| 126 | ||||||
| 127 | <pre><code class="la nguage-jav ascript">f unction is Empty( obj ect ) { | |||||
| 128 | fo r ( var i in object ) { | |||||
| 129 | if ( object.ha sOwnProper ty( i ) ) | |||||
| 130 | return false; | |||||
| 131 | } | |||||
| 132 | re turn true; | |||||
| 133 | }</code></ pre> | |||||
| 134 | ||||||
| 135 | <p>SQL que ry:</p> | |||||
| 136 | ||||||
| 137 | <pre><code class="la nguage-sql ">SELECT c ust.id, cu st.name, l oc.city FR OM cust LE FT JOIN lo c ON ( cus t.loc_id = loc.id ) WHERE cust .type IN ( 1, 2 );</ code></pre > | |||||
| 138 | ||||||
| 139 | <p>Unknown markup:</ p> | |||||
| 140 | ||||||
| 141 | <pre><code > ________ ________ | |||||
| 142 | / \ | |||||
| 143 | | How abou t moo? | ^__^ | |||||
| 144 | \_________ _______/ (oo)\_____ __ | |||||
| 145 | \ (__)\ )\/\ | |||||
| 146 | ||---- w | | |||||
| 147 | || || | |||||
| 148 | </code></p re> | |||||
| 149 | </ div> | |||||
| 150 | ||||||
| 151 | <h 2>Server-s ide Highli ghting and Custom Hi ghlighting Engines</ h2> | |||||
| 152 | ||||||
| 153 | <p > | |||||
| 154 | The <a href="h ttp://cked itor.com/a ddon/codes nippetgesh i"><strong >Code Snip pet GeSHi< /strong></ a> plugin is an | |||||
| 155 | exte nsion of t he <strong >Code Snip pet</stron g> plugin which uses a server- side highl igter. | |||||
| 156 | </ p> | |||||
| 157 | ||||||
| 158 | <p > | |||||
| 159 | It a lso is pos sible to r eplace the default h ighlighter with any library us ing | |||||
| 160 | the <a href="h ttp://docs .ckeditor. com/#!/api /CKEDITOR. plugins.co desnippet. highlighte r">Highlig hter API</ a> | |||||
| 161 | and the <a hre f="http:// docs.ckedi tor.com/#! /api/CKEDI TOR.plugin s.codesnip pet-method -setHighli ghter"><co de>editor. plugins.co desnippet. setHighlig hter()</co de></a> me thod. | |||||
| 162 | </ p> | |||||
| 163 | ||||||
| 164 | <s cript> | |||||
| 165 | ( fu nction() { | |||||
| 166 | CKEDIT OR.disable AutoInline = true; | |||||
| 167 | ||||||
| 168 | var co nfig = { | |||||
| 169 | extraPlu gins: 'cod esnippet', | |||||
| 170 | toolbar: [ | |||||
| 171 | [ 'Source' ], [ 'Und o', 'Redo' ], [ 'Bol d', 'Itali c', 'Under line' ], [ 'CodeSnip pet' ] | |||||
| 172 | ], | |||||
| 173 | codeSnip pet_theme: 'monokai_ sublime', | |||||
| 174 | height: 400 | |||||
| 175 | }; | |||||
| 176 | ||||||
| 177 | CKEDIT OR.replace ( 'editor1 ', config ); | |||||
| 178 | ||||||
| 179 | CKEDIT OR.inline( 'editable ', CKEDITO R.tools.ex tend( {}, config, { | |||||
| 180 | extraPlu gins: 'cod esnippet' | |||||
| 181 | }, tru e ) ); | |||||
| 182 | ||||||
| 183 | initTh emeChange( ); | |||||
| 184 | ||||||
| 185 | functi on initThe meChange() { | |||||
| 186 | var temp lates = [ | |||||
| 187 | 'm onokai_sub lime', 'de fault', 'a rta', 'asc etic', 'at elier-dune .dark', 'a telier-dun e.light', 'atelier-f orest.dark ', 'atelie r-forest.l ight', 'at elier-heat h.dark', ' atelier-he ath.light' , 'atelier -lakeside. dark', 'at elier-lake side.light ', 'atelie r-seaside. dark', 'at elier-seas ide.light' , 'brown_p aper', 'da rk', 'docc o', 'far', 'foundati on', 'gith ub', 'goog lecode', ' idea', 'ir _black', ' magula', ' mono-blue' , 'monokai ', 'obsidi an', 'para iso.dark', 'paraiso. light', 'p ojoaque', 'railscast s', 'rainb ow', 'scho ol_book', 'solarized _dark', 's olarized_l ight', 'su nburst', ' tomorrow-n ight-blue' , 'tomorro w-night-br ight', 'to morrow-nig ht-eightie s', 'tomor row-night' , 'tomorro w', 'vs', 'xcode', ' zenburn' | |||||
| 188 | ], | |||||
| 189 | pre = CKED ITOR.docum ent.getByI d( 'sample Config' ), | |||||
| 190 | select = C KEDITOR.do cument.get ById( 'sel ect' ), | |||||
| 191 | codeTempla te = 'CKED ITOR.repla ce( \'edit or1\', {\n ' + | |||||
| 192 | ' <str ong>extraP lugins: \' codesnippe t\',</stro ng>\n' + | |||||
| 193 | ' code Snippet_th eme: \'{tp l}\'\n' + | |||||
| 194 | '} );', | |||||
| 195 | name, opti on; | |||||
| 196 | ||||||
| 197 | while ( ( name = t emplates.s hift() ) ) { | |||||
| 198 | option = C KEDITOR.do cument.cre ateElement ( 'option' , { | |||||
| 199 | at tributes: { | |||||
| 200 | valu e: name | |||||
| 201 | } | |||||
| 202 | } ); | |||||
| 203 | ||||||
| 204 | option.set Text( name ); | |||||
| 205 | select.app end( optio n ); | |||||
| 206 | } | |||||
| 207 | ||||||
| 208 | select.$ .onchange = function () { | |||||
| 209 | if ( CKEDI TOR.instan ces.editor 1 ) | |||||
| 210 | CK EDITOR.ins tances.edi tor1.destr oy(); | |||||
| 211 | ||||||
| 212 | CKEDITOR.r eplace( 'e ditor1', C KEDITOR.to ols.extend ( {}, conf ig, { | |||||
| 213 | co deSnippet_ theme: thi s.value | |||||
| 214 | }, true ) ); | |||||
| 215 | ||||||
| 216 | pre.setHtm l( codeTem plate.repl ace( '{tpl }', this.v alue ) ); | |||||
| 217 | }; | |||||
| 218 | } | |||||
| 219 | ||||||
| 220 | if ( C KEDITOR.en v.ie && CK EDITOR.env .version = = 8 ) | |||||
| 221 | CKEDITOR .document. getById( ' ie8-warnin g' ).addCl ass( 'warn ing' ); | |||||
| 222 | }() ); | |||||
| 223 | </ script> | |||||
| 224 | ||||||
| 225 | <d iv id="foo ter"> | |||||
| 226 | <hr> | |||||
| 227 | <p> | |||||
| 228 | CKEdit or - The t ext editor for the I nternet - <a class=" samples" h ref="http: //ckeditor .com/">htt p://ckedit or.com</a> | |||||
| 229 | </p> | |||||
| 230 | <p i d="copy"> | |||||
| 231 | Copyri ght © 2003-2015 , <a class ="samples" href="htt p://cksour ce.com/">C KSource</a > - Freder ico | |||||
| 232 | Knabbe n. All rig hts reserv ed. | |||||
| 233 | </p> | |||||
| 234 | </ div> | |||||
| 235 | </body> | |||||
| 236 | </html> |
Araxis Merge (but not the data content of this report) is Copyright © 1993-2016 Araxis Ltd (www.araxis.com). All rights reserved.