Looking back at getting lost near Grand Canyon

2012-09-14 14:47 - 0 Comments

Having recently published my big Californian vacation video to YouTube I think it’s time to reminisce a bit about my adventures. As you already know from seeing the video and by photos in my photo album I went to Grand Canyon. Before traveling to the US, a colleague of mine mentioned the place where he visited Grand Canyon West and suggested I go there to.I looked up the place on Google Maps, found the GPS coordinates and plotted those into my GPS to get driving directions.My colleague warned me that the drive would seem a bit wrong because you would have to go onto some gravel roads, so when my GPS directed me onto a gravel road I didn’t think much of it.I did get […] Read more

Life Travel

Attention comment spammers

2012-09-12 17:44 - 0 Comments

I have now added a nofollow attribute to all links in the comments section, so spammers will no longer get increased page ranks from Google or other search engines. For non-spammers, add the following to an anchor tag and google won’t follow that link: rel="nofollow"

Technology

For my sister

2012-09-03 16:20 - 0 Comments

My sister got married on Saturday, September 1.There was a great party with many great speeches. I’m not claiming greatness on my own, but I will post it here (translated to English for my foreign friends) for everybody else to enjoy (for the first time, or again if you were there).I said it many times that day, but I’ll say it here again. Congratulations to my sister and her husband! Both my sister (Elisabeth) and her husband (Fredrik) are teachers, so the toastmaster made the entire experience to be like a class at school. I was the evening’s teacher of the computer class. ———- If everybody in the class can start their computers, open a web browser, go to Google and search for my name, […] Read more

Life

Change image tag generated by CKEditor

2012-06-11 21:08 - 0 Comments

For a new project of mine I’m using a rich text editor called CKEditor. This is a highly configurable editor that, unfortunately, suffers from cluttered and not easily understandable documentation. I needed to change the generated HTML from the editor so that images that were resized not only had their size set as style attributes, but as query string variables. So I needed this: <img src="http://yoursite.com/photo.jpg" style="width:150px; height:200px;" /> to be output as this: <img src="http://yoursite.com/photo.jpg?width=150&height=200" style="width:150px; height:200px;" /> That proved to be easier said than done, but after quite a lot of googling, asking on several forums, and getting some helpful (and some not helpful at all) replies, I finally ended up with the following: Put the following code into CKEditor’s config.js:

CKEDITOR.on('instanceReady', function (ev) {
  var editor = ev.editor,
  dataProcessor = editor.dataProcessor,
  htmlFilter = dataProcessor && dataProcessor.htmlFilter;

  htmlFilter.addRules( {
    elements : {
      $ : function( element ) {
        // Output dimensions of images as width and height attributes on src
        if ( element.name == 'img' ) {
          var style = element.attributes.style;
          if (style) {
            // Get the width from the style.
            var match = /(?:^|\s)width\s*:\s*(\d+)px/i.exec( style ),
            width = match && match[1];

            // Get the height from the style.
            match = /(?:^|\s)height\s*:\s*(\d+)px/i.exec( style );
            var height = match && match[1];

            var imgsrc = element.attributes.src + "?width=" + width + "&height=" + height;

            element.attributes.src = imgsrc;
            element.attributes['data-cke-saved-src'] = imgsrc;
          }
        }
      }
    }
  });
});

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

CKEDITOR.on('instanceReady', function (ev) {

var editor = ev.editor,

dataProcessor = editor.dataProcessor,

htmlFilter = dataProcessor && dataProcessor.htmlFilter;

htmlFilter.addRules( {

elements : {

$ : function( element ) {

// Output dimensions of images as width and height attributes on src

if ( element.name == 'img' ) {

var style = element.attributes.style;

if (style) {

// Get the width from the style.

var match = /(?:^|\s)width\s*:\s*(\d+)px/i.exec( style ),

width = match && match[1];

// Get the height from the style.

match = /(?:^|\s)height\s*:\s*(\d+)px/i.exec( style );

var height = match && match[1];

var imgsrc = element.attributes.src + "?width=" + width + "&height=" + height;

element.attributes.src = imgsrc;

element.attributes['data-cke-saved-src'] = imgsrc;

}

});

This code is run whenever the CKEditor generates the […] Read more

Programming