Drupal 6 JavaScript and jQuery - Ebook-Cours.com

[ 277 ]
Chapter 8
So in the click handler function, we can get the HTML value of the button using
$(this).html(). This gets stored in buttonName. We can then loop through all of
the buttons in BetterEditor.buttons looking for an object with a name equal to
the value of buttonName. Using our previous example, if a user clicks on a button
with the name B, buttonName would have the value B. As this code loops through
BetterEditor.buttons, it will hit the first object:
{"name":"B","tag":"strong","style":"font-weight: bold"},
It has the name B. So that object will be stored in targetButton and the loop will
be terminated by the break statement. After all, there's no point continuing to loop
through the list of buttons if we have already found a match.
Now that we have identified the correct button object, we can find what tag(s) we
should use when inserting that button.
The following part of the code simply checks to make sure a button has been found.
There is the possibility that something might go wrong and a bogus button may be
displayed on the button bar:
if (targetButton) {
txtareaEle.value = BetterEditor.insertTag(
sel.start,
sel.end,
targetButton,
txtareaEle.value
);
}
If a button object has been found to answer the click event, the BetterEditor.
insertTag() function is executed. In the old version, some HTML formatting was
passed in the third argument of the function. Now, the target button object is passed.
Let's turn to that function and see what it does.
The insertTag() function
This function is responsible for finding the correct piece of text and inserting
the HTML. It is largely unchanged from the Simple Editor version in Chapter 4.
However, we will cover some differences that exist here:
BetterEditor.insertTag = function (start, end, tag, value) {
var front = value.substring(0, start);
var middle = value.substring(start, end);
var back = value.substring(end);
var formatted = Drupal.theme('addTag', tag, middle);
return front + formatted + back;
};
This material is copyright and is licensed for the sole use by Richard Ostheimer on 18th June 2009
2205 hilda ave., , missoula, , 59801