Ilka Guigova - Professional Profile

First Prev Next

Running or debugging NUnit tests from Visual Studio without any extensions

Ilka Guigova8-Feb-12 12:52

Ilka Guigova

8-Feb-12 12:52

Running or debugging NUnit tests from Visual Studio without any extensions[^]

Common Crawl on AWS Public Data Sets

Ilka Guigova2-Feb-12 18:30

Ilka Guigova

2-Feb-12 18:30

Common Crawl on AWS Public Data Sets[^]: "Amazon Web Services (AWS) provides a centralized repository of public data sets that can be integrated in AWS cloud-based applications. AWS makes available such estimable large data sets as the mapping of the Human Genome and the US Census. Previously, such data was often prohibitively difficult to access and use. With the Amazon Elastic Compute Cloud, it takes a matter of minutes to begin computing on the data."

ConceptScript 101

Ilka Guigova14-Jan-12 17:29

Ilka Guigova

14-Jan-12 17:29

http://conceptscript.org/doc/tutorial.html[^]

TSQL Regular Expression Workbench

Ilka Guigova11-Nov-11 12:38

Ilka Guigova

11-Nov-11 12:38

http://www.simple-talk.com/sql/t-sql-programming/tsql-regular-expression-workbench/[^]

[Awesome] Original Hover Effects with CSS3

Ilka Guigova8-Nov-11 6:54

Ilka Guigova

8-Nov-11 6:54

http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/[^]

CSS Background: There’s More To Know Than You Think

Ilka Guigova8-Nov-11 6:57

Ilka Guigova

8-Nov-11 6:57

http://www.vanseodesign.com/css/background-properties/[^]

Re: [Awesome] Original Hover Effects with CSS3

Ilka Guigova14-Jan-12 14:51

Ilka Guigova

14-Jan-12 14:51

VanJS meetup:
Rebecca Murphey - Lead JS Developer at Toura Mobile, co-organizer of TXJS.
Chris Heilmann - Principal Developer Evangelist at Mozilla.
Robert Nyman - Technical Evangelist at Mozilla.
Preet Jassi - Senior Frontend Engineer at Indochino.
Jim Andrews - Local JavaScript artist.

http://www.meetup.com/vancouver-javascript-developers/events/45081652/[^]

http://turbulence.org/spotlight/alephnull/index.htm[^]

http://thewebrocks.com/demos/[^]

Behind the scenes of 'Lights'

Ilka Guigova14-Jan-12 17:38

Ilka Guigova

14-Jan-12 17:38

http://www.netmagazine.com/features/behind-scenes-lights-latest-webgl-sensation[^]

Freebie: Free Vector Web Icons (91 Icons)

Ilka Guigova29-Jan-12 16:25

Ilka Guigova

29-Jan-12 16:25

http://www.smashingmagazine.com/2011/12/29/freebie-free-vector-web-icons-91-icons/[^]

Re: [Awesome] Original Hover Effects with CSS3

Ilka Guigova19-Mar-12 11:21

Ilka Guigova

19-Mar-12 11:21

CSS Effects[^]

Pure CSS Tool Tips Revisited

Ilka Guigova13-Apr-12 11:09

Ilka Guigova

13-Apr-12 11:09

http://www.impressivewebs.com/pure-css-tool-tips/[^]

Decoupling HTML From CSS

Ilka Guigova23-Apr-12 6:33

Ilka Guigova

23-Apr-12 6:33

http://coding.smashingmagazine.com/2012/04/20/decoupling-html-from-css/[^]

Powerful New CSS- and JavaScript Techniques

Ilka Guigova26-Jun-12 10:59

Ilka Guigova

26-Jun-12 10:59

http://coding.smashingmagazine.com/2012/06/21/powerful-new-cssjavascript-techniques/[^]

350 Pixel Perfect Icons

Ilka Guigova26-Jun-12 11:00

Ilka Guigova

26-Jun-12 11:00

http://brankic1979.com/icons/[^]

Magnifying glass for image zoom using Jquery and CSS3

Ilka Guigova24-Jul-12 10:10

Ilka Guigova

24-Jul-12 10:10

http://thecodeplayer.com/walkthrough/magnifying-glass-for-images-using-jquery-and-css3[^]

How to Create an Interactive Graph using CSS3 & jQuery Source: http://designmodo.com/create-interactive-graph-css3-jquery/#ixzz24sONk9Pg

Ilka Guigova28-Aug-12 10:52

Ilka Guigova

28-Aug-12 10:52

http://designmodo.com/create-interactive-graph-css3-jquery/[^]

Book Effect

Ilka Guigova23-Jan-13 10:01

Ilka Guigova

23-Jan-13 10:01

http://humanfaceofbigdata.com/[^]

How To Change compare merge tool in TFS?

Ilka Guigova7-Nov-11 10:15

Ilka Guigova

7-Nov-11 10:15

How To Change compare merge tool in TFS?[^]

diff/merge configuration in Team Foundation - common Command and Argument values[^]

GetDeploymentDescription()

Ilka Guigova3-Nov-11 13:42

Ilka Guigova

3-Nov-11 13:42

http://johnnycoder.com/blog/2009/02/24/clickonce-run-at-startup/[^]

Removing Event Handlers Using Reflection

Ilka Guigova3-Nov-11 7:42

Ilka Guigova

3-Nov-11 7:42

Removing Event Handlers using Reflection[^]

I planned to look at the solution in the link but I was looking to remove the event handlers in one particular scenario and I ended up using the code below:

// Ensure that there is only one eventHandler instance assigned to the BalloonTipClicked; can be extended to EventHandler[]
private EventHandler _balloonTipClickedEventHandler;
private EventHandler BalloonTipClickedEventHandler
{
get { return _balloonTipClickedEventHandler; }
set
{
niNotifier.BalloonTipClicked -= _balloonTipClickedEventHandler;
if (value != null)
{
_balloonTipClickedEventHandler = value;
niNotifier.BalloonTipClicked += _balloonTipClickedEventHandler;
}
}
}

private void Notify(int timeout, string title, string message, EventHandler eventHandler)
{
BalloonTipClickedEventHandler = eventHandler;

niNotifier.ShowBalloonTip(timeout, title, message, ToolTipIcon.Info);
}

modified 4-Nov-11 11:25am.

Logos. No images. No JS. Just CSS

Ilka Guigova31-Oct-11 10:07

Ilka Guigova

31-Oct-11 10:07

http://www.ecsspert.com/pepsi.php[^]

Operating System Version Info

Ilka Guigova24-Oct-11 8:25

Ilka Guigova

24-Oct-11 8:25

Getting Operating System Version Info - Even for Windows 7![^]

Set a .NET 4.0 Application to auto-start upon login

Ilka Guigova16-Oct-11 16:50

Ilka Guigova

16-Oct-11 16:50

There are four ways to set an application to auto start upon user login in a Windows environment.

Add a link to the HKCU Run key in
Add a link to the HKLM Run key in
Add a link to the Current User's Startup folder
Add a link to All Users' Startup folder

Note: Special permissions may be required when setting a link outside the Current User context.

A sample implementation

Ilka Guigova26-Jun-12 7:13

Ilka Guigova

26-Jun-12 7:13

https://gist.github.com/2991318[^]

Extended ExtJS HtmlEditor to handle paste from MS Word and table manipulations

Ilka Guigova6-Sep-11 9:49

Ilka Guigova

6-Sep-11 9:49

Context	Knowldege Center Site
Need	Allow for pages with predefined styles to be added
Feature	Support a template engine in combination with a set of stylesheets
Requirement	Implement an editor for manipulating text, images, and tables without interfering with stylesheets' fonts, colors, alignments, and overall structure.

There are a number of available WYSIWYG editors, such as CKEditor[^] and TinyMCE[^]. However, with their full spectrum of functionality, they are heavy-weight and detract from the predictability of the content layout. While a much simpler tool is required, it seems uneffective to implement one from scratch.

It was decided to use the ExtJS Ext.form.HtmlEditor[^] component as the system already uses the ExtJS framework. But in order for this to work, the component had to be configured correctly and extended to handle:

Copy and paste from MS Word => Ext.ux.form.HtmlLintEditor[^]
Manipulation of tables => Ext.ux.form.HtmlTableEditor[^]

The copy and paste problem turn out to be a little tricky. There are a lot of bits and pieces of information on the web that, when collected, seemed random (and inconsitent); e.g.,

JavaScript

cleanWordHtml: function(html){
    // http://stackoverflow.com/questions/2875027/clean-microsoft-word-pasted-text-using-javascript
    // http://stackoverflow.com/questions/1068280/javascript-regex-multiline-flag-doesnt-work
    html = html.replace(/<!--[\s\S]*-->/g,""); 
    //html = html.replace(/\n/g, "<br/>");

    // http://www.1stclassmedia.co.uk/developers/clean-ms-word-formatting.php
    html = html.replace(/<o:p>\s*<\/o:p>/g, "") ;
    html = html.replace(/<o:p>.*?<\/o:p>/g, "&nbsp;") ;
    html = html.replace( /\s*mso-[^:]+:[^;"]+;?/gi, "" ) ;
    html = html.replace( /\s*MARGIN: 0cm 0cm 0pt\s*;/gi, "" ) ;
    html = html.replace( /\s*MARGIN: 0cm 0cm 0pt\s*"/gi, "\"" ) ;
    html = html.replace( /\s*TEXT-INDENT: 0cm\s*;/gi, "" ) ;
    html = html.replace( /\s*TEXT-INDENT: 0cm\s*"/gi, "\"" ) ;
    html = html.replace( /\s*TEXT-ALIGN: [^\s;]+;?"/gi, "\"" ) ;
    html = html.replace( /\s*PAGE-BREAK-BEFORE: [^\s;]+;?"/gi, "\"" ) ;
    html = html.replace( /\s*FONT-VARIANT: [^\s;]+;?"/gi, "\"" ) ;
    html = html.replace( /\s*tab-stops:[^;"]*;?/gi, "" ) ;
    html = html.replace( /\s*tab-stops:[^"]*/gi, "" ) ;
    html = html.replace( /\s*face="[^"]*"/gi, "" ) ;
    html = html.replace( /\s*face=[^ >]*/gi, "" ) ;
    html = html.replace( /\s*FONT-FAMILY:[^;"]*;?/gi, "" ) ;
    html = html.replace(/<(\w[^>]*) class=([^ |>]*)([^>]*)/gi, "<$1$3") ;
    html = html.replace( /<(\w[^>]*) style="([^\"]*)"([^>]*)/gi, "<$1$3" ) ;
    html = html.replace( /\s*style="\s*"/gi, '' ) ; 
    html = html.replace( /<SPAN\s*[^>]*>\s*&nbsp;\s*<\/SPAN>/gi, '&nbsp;' ) ; 
    html = html.replace( /<SPAN\s*[^>]*><\/SPAN>/gi, '' ) ; 
    html = html.replace(/<(\w[^>]*) lang=([^ |>]*)([^>]*)/gi, "<$1$3") ; 
    html = html.replace( /<SPAN\s*>(.*?)<\/SPAN>/gi, '$1' ) ; 
    html = html.replace( /<FONT\s*>(.*?)<\/FONT>/gi, '$1' ) ;
    html = html.replace(/<\\?\?xml[^>]*>/gi, "") ; 
    html = html.replace(/<\/?\w+:[^>]*>/gi, "") ; 
    html = html.replace( /<H\d>\s*<\/H\d>/gi, '' ) ;
    html = html.replace( /<H1([^>]*)>/gi, '' ) ;
    html = html.replace( /<H2([^>]*)>/gi, '' ) ;
    html = html.replace( /<H3([^>]*)>/gi, '' ) ;
    html = html.replace( /<H4([^>]*)>/gi, '' ) ;
    html = html.replace( /<H5([^>]*)>/gi, '' ) ;
    html = html.replace( /<H6([^>]*)>/gi, '' ) ;
    html = html.replace( /<\/H\d>/gi, '<br>' ) ; //remove this to take out breaks where Heading tags were 
    html = html.replace( /<(U|I|STRIKE)>&nbsp;<\/\1>/g, '&nbsp;' ) ;
    html = html.replace( /<(B|b)>&nbsp;<\/\b|B>/g, '' ) ;
    html = html.replace( /<([^\s>]+)[^>]*>\s*<\/\1>/g, '' ) ;
    html = html.replace( /<([^\s>]+)[^>]*>\s*<\/\1>/g, '' ) ;
    html = html.replace( /<([^\s>]+)[^>]*>\s*<\/\1>/g, '' ) ;
    html = html.replace( /(<P)([^>]*>.*?)(<\/P>)/gi, "<div$2</div>" ) ;
    html = html.replace( /(<font|<FONT)([^*>]*>.*?)(<\/FONT>|<\/font>)/gi, "<div$2</div>") ;
    html = html.replace( /size|SIZE = ([\d]{1})/g, '' ) ;

    // http://www.codinghorror.com/blog/2006/01/cleaning-words-nasty-html.html
    html = html.replace(/<!--(\w|\W)+?-->/gi, '');
    html = html.replace(/<title>(\w|\W)+?<\/title>/gi, '');
    html = html.replace(/\s?class=\w+/gi, '');
    html = html.replace(/\s+style='[^']+'/gi, '');
    html = html.replace(/<(meta|link|\/?o:|\/?style|\/?div|\/?st\d|\/?head|\/?html|body|\/?body|\/?span|!\[)[^>]*?>/gi, '');
    html = html.replace(/(<[^>]+>)+&nbsp;(<\/\w+>)+/gi, '');
    html = html.replace(/\s+v:\w+=""[^""]+""/gi, '');
    html = html.replace(/(\n\r){2,}/gi, '');

    // // http://www.tim-jarrett.com/labs_javascript_scrub_word.php
    html = html.replace(new RegExp(String.fromCharCode(8220), 'gi'), '"'); //"
    html = html.replace(new RegExp(String.fromCharCode(8221), 'gi'), '"'); //"
    html = html.replace(new RegExp(String.fromCharCode(8216), 'gi'), "'"); //‘
    html = html.replace(new RegExp(String.fromCharCode(8217), 'gi'), "'"); //‘
    html = html.replace(new RegExp(String.fromCharCode(8211), 'gi'), "-"); //–
    html = html.replace(new RegExp(String.fromCharCode(8212), 'gi'), "--"); //—
    html = html.replace(new RegExp(String.fromCharCode(189), 'gi'), "1/2"); //½
    html = html.replace(new RegExp(String.fromCharCode(188), 'gi'), "1/4"); //¼
    html = html.replace(new RegExp(String.fromCharCode(190), 'gi'), "3/4"); //¾
    html = html.replace(new RegExp(String.fromCharCode(169), 'gi'), "(C)"); //©
    html = html.replace(new RegExp(String.fromCharCode(174), 'gi'), "(R)"); //®
    html = html.replace(new RegExp(String.fromCharCode(8230), 'gi'), "..."); //…

    return html;
}

I ended up refining and splitting the set into tag replacement and character replacement sets that work in the Ext HtmlEditor component (and do not interfere with its tags).

JavaScript

dirtyHtmlTags: [
    // http://stackoverflow.com/questions/2875027/clean-microsoft-word-pasted-text-using-javascript
    // http://stackoverflow.com/questions/1068280/javascript-regex-multiline-flag-doesnt-work
    {regex: /<!--[\s\S]*?-->/gi, replaceVal: ""}, 

    // http://www.1stclassmedia.co.uk/developers/clean-ms-word-formatting.php
    {regex: /<\\?\?xml[^>]*>/gi, replaceVal: ""}, 
    {regex: /<\/?\w+:[^>]*>/gi, replaceVal: ""}, // e.g. <o:p...

    {regex: /\s*MSO[-:][^;"']*/gi, replaceVal: ""},
    {regex: /\s*MARGIN[-:][^;"']*/gi, replaceVal: ""},
    {regex: /\s*PAGE[-:][^;"']*/gi, replaceVal: ""},
    {regex: /\s*TAB[-:][^;"']*/gi, replaceVal: ""},
    {regex: /\s*LINE[-:][^;"']*/gi, replaceVal: ""},
    {regex: /\s*FONT-SIZE[^;"']*/gi, replaceVal: ""},
    {regex: /\s*LANG=(["'])[^"']*?\1/gi, replaceVal: ""},
    {regex: /<(P|H\d)[^>]*>([\s\S]*?)<\/\1>/gi, replaceVal: "$2"},

    {regex: /\s*\w+=(["'])((&nbsp;|\s|;)*|\s*;+[^"']*?|[^"']*?;{2,})\1/gi, replaceVal: ""}, 
    {regex: /<span[^>]*>(&nbsp;|\s)*<\/span>/gi, replaceVal: ""},
    //{regex: /<([^\s>]+)[^>]*>(&nbsp;|\s)*<\/\1>/gi, replaceVal: ""},

    // http://www.codinghorror.com/blog/2006/01/cleaning-words-nasty-html.html
    {regex: /<(\/?title|\/?meta|\/?style|\/?st\d|\/?head|\/?html|\/?body|!\[)[^>]*?>/gi, replaceVal: ""},
    {regex: /(\n(\r)?){2,}/gi, replaceVal: ""}        
],

cleanHtml: function(html) {
    if (!html) return;

    Ext.each(this.dirtyHtmlTags, function(tag, idx){
        html = html.replace(tag.regex, tag.replaceVal);
    });

    // http://www.tim-jarrett.com/labs_javascript_scrub_word.php
    html = html.replace(new RegExp(String.fromCharCode(8220), 'gi'), '"'); //"
    html = html.replace(new RegExp(String.fromCharCode(8221), 'gi'), '"'); //"
    html = html.replace(new RegExp(String.fromCharCode(8216), 'gi'), "'"); //‘
    html = html.replace(new RegExp(String.fromCharCode(8217), 'gi'), "'"); //‘
    html = html.replace(new RegExp(String.fromCharCode(8211), 'gi'), "-"); //–
    html = html.replace(new RegExp(String.fromCharCode(8212), 'gi'), "--"); //—
    html = html.replace(new RegExp(String.fromCharCode(189), 'gi'), "1/2"); //½
    html = html.replace(new RegExp(String.fromCharCode(188), 'gi'), "1/4"); //¼
    html = html.replace(new RegExp(String.fromCharCode(190), 'gi'), "3/4"); //¾
    html = html.replace(new RegExp(String.fromCharCode(169), 'gi'), "(C)"); //©
    html = html.replace(new RegExp(String.fromCharCode(174), 'gi'), "(R)"); //®
    html = html.replace(new RegExp(String.fromCharCode(8230), 'gi'), "..."); //…

    return Ext.ux.form.HtmlLintEditor.superclass.cleanHtml.call(this, html);
}

These regular expressions seem to cover most cases and have been successfully tested for the purposes of the project I worked on. I thought I might share the info.

See Also:
Introduction to Ranges[^]
Intercepting the Clipboard data on Paste[^]

Last Visit: 31-Dec-99 18:00 Last Update: 1-May-24 17:17

Refresh

ᐊ Prev 123 4 Next ᐅ

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Ilka Guigova - Professional Profile

Summary

Reputation

Privileges